jest/examples/react/__tests__/CheckboxWithLabel-test.js

31 lines
894 B
JavaScript

// Copyright 2004-present Facebook. All Rights Reserved.
import React, {createRef} from 'react';
import * as TestUtils from 'react-dom/test-utils';
import CheckboxWithLabel from '../CheckboxWithLabel';
it('CheckboxWithLabel changes the text after click', () => {
const checkboxLabelRef = createRef();
const checkboxInputRef = createRef();
// Render a checkbox with label in the document
TestUtils.renderIntoDocument(
<CheckboxWithLabel
labelRef={checkboxLabelRef}
inputRef={checkboxInputRef}
labelOn="On"
labelOff="Off"
/>,
);
const labelNode = checkboxLabelRef.current;
const inputNode = checkboxInputRef.current;
// Verify that it's Off by default
expect(labelNode.textContent).toEqual('Off');
// Simulate a click and verify that it is now On
TestUtils.Simulate.change(inputNode);
expect(labelNode.textContent).toEqual('On');
});