在使用react-testing-library时,可以通过以下步骤来测试组件是否使用了正确的道具呈现:
import { render } from '@testing-library/react';
import MyComponent from './MyComponent';
test('MyComponent应该使用正确的道具呈现', () => {
const props = {
prop1: 'value1',
prop2: 'value2',
};
const { getByText } = render(<MyComponent {...props} />);
});
test('MyComponent应该使用正确的道具呈现', () => {
const props = {
prop1: 'value1',
prop2: 'value2',
};
const { getByText } = render(<MyComponent {...props} />);
expect(getByText(props.prop1)).toBeInTheDocument();
expect(getByText(props.prop2)).toBeInTheDocument();
});
这样,当组件使用了正确的道具进行呈现时,测试用例就会通过。如果组件未正确使用道具,则会导致断言失败,从而提示测试失败。
对于react-testing-library的更多信息和使用方法,可以参考腾讯云的相关产品文档:React 测试库。
领取专属 10元无门槛券
手把手带您无忧上云