在测试库中模拟useEffect进行反应?

时间:2020-04-07 01:47:27

标签: react-hooks react-testing-library

useEffect没有被覆盖并且分支为空,有人可以帮助在@ testing-library或Jest中为此编写UT吗? 分支未被覆盖,因为useEffect的部分完全未触及。有人可以只在useEffect部分中提供帮助吗?

    import React, { useEffect } from 'react';
    import styled from 'styled-components';
    import PropTypes from 'prop-types';

    // Relative imports
    import styles from './AvailableStores.style';

    const AvailableStores = ({ availableStores, data }) => {
      const { guid } = data;
      useEffect(() => {
        if (guid) {
          return;
        }
        availableStores();
      }, []);

      return (
        <div className="AvailableStores">
          Store Listing availableStores Component
          <br />
          {data.guid}
        </div>
      );
    };

    AvailableStores.propTypes = {
      availableStores: PropTypes.func,
    };

    AvailableStores.defaultProps = {
      availableStores: () => {},
    };

    export default styled(AvailableStores)`
      ${styles}
    `;

    export { AvailableStores };

0 个答案:

没有答案