レアゾン・ホールディングス 2024新卒エンジニアユニットテスト研修 -テストをしっかり書けるエンジニアになろう- #単体テスト – Qiita

$ npm install --save-dev vitest

$ npm install --save-dev @testing-library/react @testing-library/jest-dom

export default defineConfig((configEnv) =>
 mergeConfig(
   viteConfig(configEnv),
   defineConfig({
     test: {
       globals: true,
       include: ["src/**/*.test.{js,ts,jsx,tsx}"], // includeに書かれているパスにテストファイルを置く
       environment: "jsdom",
     },
   })
 )
);

it("should pass login form with correct email and password", async () => {
   //Arrange（準備）
   render(LoginPage />);

   //Act（実行）
   await userEvent.click(screen.getByText("Email"));
   await userEvent.keyboard("user1@reazon.jp");
   await userEvent.click(screen.getByText("Password"));
   await userEvent.keyboard("12345678");
   await userEvent.click(screen.getByRole("button", { name: "Login" }));
   await screen.findByText("USER ID:");

   //Assert（確認）
   expect(screen.getByText("USER ID: 1")).toBeInTheDocument();
});


 it("should show error message when login failed", async () => {
   //Arrange（準備）
   render(LoginPage />);

   //Act（実行）
   await userEvent.click(screen.getByText("Email"));
   await userEvent.keyboard("user1@reazon.jp");
   await userEvent.click(screen.getByText("Password"));
   await userEvent.keyboard("11111111");

   //Assert（確認）
   expect(screen.getByLabelText("Email")).toHaveValue("user1@reazon.jp");
   expect(screen.getByLabelText("Password")).toHaveValue("11111111");
   expect(
     screen.getByText("Invalid email or password. Please try again."),
   ).toBeInTheDocument();
   expect(screen.getByRole("button", { name: "Login" })).toBeDisabled();
 });

$ npm install supertest --save-dev

describe("POST /login", () => {
 it("should return 200 OK", (done) => {
   request(app)
     .post("/login")
     .send({ email: "user1@reazon.jp", password: "12345678" })
     .expect(200, done);
 });


 it("should return 401 Invalid email or password", (done) => {
   request(app)
     .post("/login")
     .send({ email: "user1@reazon.jp", password: "11111111" })
     .expect(401, done)
     .expect("Invalid email or password");
 });


 it("should return 400 Bad Request", (done) => {
   request(app)
     .post("/login")
     .send({ email: "user1@reazon.jp", password: "12345678" })
     .expect(200)
     .then(() => {
       return request(app)
         .post("/login")
         .send({ email: "user1@reazon.jp", password: "12345678" })
         .expect(400)
         .expect("Already logged in");
     })
     .then(() => done())
     .catch((err) => done(err));
 });
});