dressca の Cypress が実行できない

[1nu1taichi]

概要

viteの更新により package.json に "type":"module" を追加すると発生するため、それらの更新に紐づけて行う #664

対処法

• cypress.config.ts → cypress.config.js にする
• require を使わないようにする（plugin の利用を消す？）

完了条件

npm run test:e2e スクリプトが実行できる

[1nu1taichi]

原因

Vite 5 に更新すると、モジュール形式がESMに対応していくため package.json に "type" : "module" を追加する
この時 cypress がESM未対応のためエラーが発生する

対応

cypress-io/cypress#28347
Vite 5 への対応も取り組み中っぽい、、？

ひとまずVite 5 でも動かせるように一時的な修正案

config ファイルの形式を .ts から .js にする

cypress.config.ts とすると以下のエラーが出る

exports is not defined in ES module scope

cypress.config.js では抑えられる
ある程度 vite 5 対応が進み次第 cypress.config.ts に戻したい

plugins の require を削除する

plugins の導入で setupNodeEvents で plugins/index.ts を require している。
ESM では require を使えないため削除する
また plugins の導入方法については Cypress 10 で方式が変更されており、plugins フォルダが不要となった
現段階で plugins は使用していないため削除して、必要に迫られた際に対応したい

import { defineConfig } from 'cypress';

export default defineConfig({
  e2e: {
-   // We've imported your old cypress plugins here.
-   // You may want to clean this up later by importing these.
-   setupNodeEvents(on, config) {
-     return require('./cypress/plugins/index.ts').default(on, config)
-   },
    baseUrl: 'http://localhost:5050',
  },
});