小编Ry1*_*10p的帖子

如何使用 Jest 来测试带有 localStorage 的 React 组件?

我有一个调用本地存储的组件,想用 jestJS 测试它。据我所知,jest 不支持调用 localStorage。

这是我需要测试的组件:

const NavBar: React.FC = () => {
  const history = useHistory();

  const handleCLick = () => {
    localStorage.clear();
    history.push('/login');
  };

  return (
    <div>
      <header>
        <div className="banner">
          <div className="container">
            <img
              className="icon "
              alt="icon"
              title="icon"
              src={favicon57}
            />
            <p>Official website of the Stuff</p>
          </div>
        </div>
        <nav className="navbar navbar-expand-md navbar-dark fixed-top">
          <div className="container">
            <div className="navbar-header">
              <img
                className="logo "
                alt="logo"
                title="Logo"
                src={Blah}
              />
            </div>
            <button
              className="navbar-toggler"
              type="button"
              data-toggle="collapse"
              data-target="#navbarCollapse"
              aria-controls="navbarCollapse"
              aria-expanded="false"
              aria-label="Toggle navigation"
            >
              <span className="navbar-toggler-icon" />
            </button>
            <div …
Run Code Online (Sandbox Code Playgroud)

testing reactjs jestjs react-testing-library

9
推荐指数
1
解决办法
2万
查看次数

标签 统计

jestjs ×1

react-testing-library ×1

reactjs ×1

testing ×1