我是一个新手,正在尝试使用
"最初的回答"
testing-library/react
和jest
编写单元测试到我的React应用程序中。以下是测试代码"Home.test.js":"最初的回答"
import React from 'react';
import {render, cleanup} from '@testing-library/react';
import '@testing-library/jest-dom/extend-expect';
import Home from "../src/Home";
afterEach(cleanup);
describe("Tests for HomePage", function() {
it("should render without throwing an error", function() {
const { homePage } = render(<Home />);
//check something here
});
});
这是我在组件 "Home.js" 中的代码:
import * as React from "react";
import { Panel, Shell, Button } from "@myorg/core";
import { home_icon, new_icon } from "@myorg/icons";
function Home(props) {
const openDialog = React.useCallback(() => {
//do something
});
return (
<Shell.Page breadcrumbs={[t("demo:Home")]}>
<Panel style={{ height: "100%" }}>
<h2>App Header</h2>
<Button onClick={openDialog} variant="primary">
<img src={new_icon} width="20" />
{t("demo:New Asset")}
</Button>
</Panel>
</Shell.Page>
);
}
运行命令"npm run test"时出现的错误
最初的回答:
Cannot find module '@myorg/icons' from 'Home.js'
npm i "@myorg/icons"
吗? - Claritynpm install
应该是你要做的第一件事。 - CWSites