Cypressの勉強中に「これ使えば自動化、簡単かも!」と思い至ったのですが、練習しているとフォルダ削除して構築しなおすということがあるじゃないですか。
それが面倒だったので、batでCypressインストールとそのほかのプラグイン関係をインストール、初起動までの内容をbatファイルに任せるということにしました。
コメントアウトしているのもあるので自分で好きにカスタマイズして設定するjsonに必要な記載をしてくださいね。
Cypress-construction.bat
REM npmなどはインストール済みの状態であることが前提、何回もプロジェクトインストールなどを繰り返すのが面倒なので作成した
REM 2022/03/12 自動テスト用cypress環境構築用batファイルです、インストールしてブラウザを立ち上げるまで行います
REM 使い方 インストールしたいフォルダに、このbatをコピペして実行 実行確認後にフォルダ作成促される
@echo off
chcp 65001
set /P hantei="cypress kankyo kouchiku shimasu (Y/N):"
set /P dirname="作成するディレクト名を入力:"
IF "%hantei%" == "y" (
mkdir %dirname%
cd %dirname%
npm init -y
REM --save-dev このオプションは開発でしか使わないという明示
npm install --save-dev cypress typescript
Sleep 1000
npx tsc --init --types cypress --lib dom,es6
Sleep 1000
echo {} > cypress.json
Sleep 1000
npm i resemblejs
Sleep 1000
npm i fs
REM ドラッグアンドドロップ 設定必要
npm install --save-dev @4tw/cypress-drag-drop
REM メール送信 設定必要 mailhogかこちらか選ぶ
REM npm install --save-dev cypress-maildev
REM mailhog用 設定必要
npm install --save-dev cypress-mailhog
REM リクエスト(get,post)なのかをすべて記録してくれる
npm install --save-dev cypress-autorecord
REM fileupload関係 設定必要
npm install --save-dev cypress-file-upload
REM ダウンロード確認 設定必要
npm install --save-dev cy-verify-downloads
REM ローカルからjsonをロードできる
npm install --save-dev @cypress/env-or-json-file
REM ローカルストレージ保存
REM npm i cypress-localstorage-commands
REM レイアウトが見れるらしい 使い方わからんからまだ試せてない
REM npm install --save-dev cypress-layout-inspector
REM DBテスト
npm install --save-dev cypress-sql-server
REM レポート系
npm install --save-dev cypress-mochawesome-reporter
REM excel操作
npm install xlsx
REM json 操作
npm install jsonpath
REM jsonなどの設定ファイルは各自必要な内容を設定してください
REM 一度起動しないと必要ファイル作成されないので実行することにした
npx cypress open
) ELSE IF "%hantei%"=="Y" (
echo "%hantei%:yがいいなー"
) ELSE (
echo "%hantei%:処理中止"
)
pause