快速建立 Jest X Next 環境

發表於 2021-08-16 分類於 frontend 閱讀次數： Disqus：
文章字數： 521 所需閱讀時間 ≈ 1 分鐘

快速建立 Next 專案

1 2	npx create-next-app project-name // project-name 需自己定義

引入 Jest

下載相關套件

1
2
3

npm install jest babel-jest @babel/preset-env @babel/preset-react react-test-renderer -g
or
yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react react-test-renderer

這邊因為想要之後可以 import 東西所以才需下載這麼多東西，如果只需使用 node 環境，那只需使用
npm install --save-dev jest

在 package.json 檔中加入 test

1
2
3

"scripts": {
    "test": "jest"
  }

建立 babel.config.js

1
2
3

module.exports = {
  presets: ['@babel/preset-env', '@babel/preset-react'],
};