jest

撰寫測試

如果你用react-create-app 生成預設會有一個App.test.tsx

```typescriptreact
test('renders learn react link', () => {
  render(<App />);
  const linkElement = screen.getByText(/learn react/i);
  expect(linkElement).toBeInTheDocument();
});
```
裡面是正規表示 代表檢查是否有字體不管大小寫

執行測試

`npm test` 可以執行測試,同時可以邊監控邊執行。

 他會自動去抓所有...test的檔案
 PASS  src/components/twDistricts.test.tsx
 PASS  src/App.test.tsx

Test Suites: 2 passed, 2 total
Tests:       3 passed, 3 total
Snapshots:   0 total
Time:        4.385 s

測試覆蓋率

會多了覆蓋率與未覆蓋的地方。

  • 注意 如果有測試沒抓到 只跑一個測試檔案,要下指令 a 代表run all test case,像下方有兩個測試

Last updated