2
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

cypressの環境構築

転職してテストエンジニアになったので、WebシステムのUIテストを自動化できる、cypressについて学んでみます。

cypressとは

  • 無料で使うことのできるUI自動テストツール
  • GoogleChromeのみ対応(他ブラウザではテスト不可)
  • 動作が軽い
  • JavaScriptでテストスクリプトを記述

cypressインストール環境

  • windows 10 home 64bit
  • gitbashを使用

node/npmインストール

nodeのインスール
ダウンロードはこちらから

端末にあったものをダウンロードし、インストーラを実行し、インストールを完了する。

インストールが完了してから、nodeとnpmのバージョン確認を行ってみるとバージョンが表示され、インストールされていることが確認できる。
image.png

cypressインストール

  • cypressを格納するディレクトリを作成

  • cypressのディレクトリに移動したらnpm installでcypressをインストール

$ npm install cypress --save-dev

インストールには5分ほどかかりますので終わるまで待ちましょう。

- cypressを起動する

$ ./node_modules/.bin/cypress open

image.png

  • cypressの管理画面が表示される image.png

ここまででcypresによる」テスト環境が整いました。

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
2
Help us understand the problem. What are the problem?