転職してテストエンジニアになったので、WebシステムのUIテストを自動化できる、cypressについて学んでみます。
cypressとは
- 無料で使うことのできるUI自動テストツール
- GoogleChromeのみ対応（他ブラウザではテスト不可）
- 動作が軽い
- JavaScriptでテストスクリプトを記述
cypressインストール環境
- windows 10 home 64bit
- gitbashを使用
node/npmインストール
nodeのインスール
ダウンロードはこちらから
端末にあったものをダウンロードし、インストーラを実行し、インストールを完了する。
インストールが完了してから、nodeとnpmのバージョン確認を行ってみるとバージョンが表示され、インストールされていることが確認できる。
cypressインストール
cypressを格納するディレクトリを作成
cypressのディレクトリに移動したらnpm installでcypressをインストール
$ npm install cypress --save-dev
インストールには5分ほどかかりますので終わるまで待ちましょう。
- cypressを起動する
$ ./node_modules/.bin/cypress open
- cypressの管理画面が表示される
ここまででcypresによる」テスト環境が整いました。