#reactjs
Вопрос:
Я ученик, это пример компонента заголовка, как писать тестовые примеры шуток для этого компонента.
import React from "react"; import './styles/Header.css'; const Header = () =gt; lt;header className="d-flex flex-wrap justify-content-md-between py-3 mb-4 header-border"gt; lt;h5 className="header-title"gt;Header Componentlt;/h5gt; lt;ul className="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"gt; lt;ligt;lt;a href="#" className="nav-link px-2 link-secondary"gt;Homelt;/agt;lt;/ligt; lt;ligt;lt;a href="#" className="nav-link px-2 link-dark"gt;Aboutlt;/agt;lt;/ligt; lt;ligt;lt;a href="#" className="nav-link px-2 link-dark"gt;Gallarylt;/agt;lt;/ligt; lt;ligt;lt;a href="#" className="nav-link px-2 link-dark"gt;FAQslt;/agt;lt;/ligt; lt;ligt;lt;a href="#" className="nav-link px-2 link-dark"gt;Contact Uslt;/agt;lt;/ligt; lt;/ulgt; lt;form className="form-inline my-2 my-lg-0"gt; lt;input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"/gt; lt;/formgt; lt;/headergt; export default Header;
Ответ №1:
Я рекомендую использовать react-test-renderer
пакет, чтобы сделать снимок и проверить, правильно ли отображается ваш компонент. Обычно вы также проверяете функции компонента, но, поскольку здесь их нет, вы можете проверить наличие определенных html-элементов.