может кто-нибудь помочь мне с модульным тестом для боковой панели? Я хочу проверить, открыта и закрыта боковая панель.
Главная страница
export const MainPage = () => {
...
const [showSidebar, setShowSidebar] = useState(IsMAndUp);
const onToggleSidebar = () => {
setShowSidebar(!showSidebar);
};
return (
<>
<SideBar open = {showSidebar} />
<Container>
<BrowserRouter>
...
</BrowserRouter>
</Container>
</>
);
}
MainPage.Test
...
import Adapter from 'enzyme-adapter-react-16';
import { shallow, configure } from 'enzyme';
import { MainPage } from './index';
it('should check if sidebar is open', () => {
const wrapper = shallow(
<MainPage />
);
wrapper.instance().showSidebar();
expect(wrapper.instance().props.setShowSidebar).toEqual(true);
});
Я пробовал много способов, но ничего не работает :(
Привет, Нгуен! Недавно React использует библиотека тестирования для запуска тестов. Предлагаю вам перейти с Enzyme на тестовую библиотеку. Я не вижу код вашего компонента SideBar. Можете ли вы обновить вопрос и вставить его туда? Было бы здорово, если бы вы могли загрузить свой код в Песочница кода, чтобы мы могли запустить ваш код и предложить изменения. Одним из важных моментов является то, что вам нужно провести тест для вашего компонента SideBar и проверить его, если он открыт и закрыт, передав истинные и ложные значения в "open" prop.