ushiboy / my-todo-2019-early

ツールの確認2019年早期バージョン

My Todo 2019 Early

概要

2019年2月時点での個人的なツールチェインの手元確認まとめ用、サンプルTodoアプリケーション開発環境。

Demo

動作確認方法

初期化

$ npm install

開発

開発サーバ起動

$ npm start

コードフォーマット、型チェック、Lint、テスト

$ npm run check

ビルド

プロダクション用

$ npm run build

E2Eテスト用

$ npm run build-testing

ビルド動作確認サーバ起動

$ npm run serve

E2Eテスト

環境初期化

$ cd e2e
$ python3 -m venv venv
$ source venv/bin/activate
$ pip install -r requirements.txt
$ cd drivers
$ wget https://chromedriver.storage.googleapis.com/73.0.3683.20/chromedriver_linux64.zip
$ unzip chromedriver_linux64.zip
$ wget https://github.com/mozilla/geckodriver/releases/download/v0.24.0/geckodriver-v0.24.0-linux64.tar.gz
$ tar zxvf geckodriver-v0.24.0-linux64.tar.gz

テスト実行

E2Eテスト用にビルドして、動作確認サーバを起動しておく。

$ npm run build-testing
$ npm run serve

E2Eテスト環境でテスト実行する。

$ cd e2e
$ source venv/bin/activate
$ py.test todo

ヘッドレスブラウザでテストする場合HEADLESS=1環境変数を指定する。

$ HEADLESS=1 py.test todo

デフォルトではChromeを使うようになっているので、Firefoxで行う場合はBROWSER=Firefox環境変数を指定する。

$ BROWSER=Firefox py.test todo

並列にテスト実行

(注意) docker-composeが必要

e2e/e2e.config.yml.exampleをコピーしてe2e/e2e.config.ymlファイルを作成し、 並列にするワーカーの数分だけweb_portを設定する。

workers:
  - web_port: 8080
  - web_port: 8081
  - web_port: 8082
  - web_port: 8083

テスト用サーバを起動する。

$ cd e2e
$ source venv/bin/activate
$ ./startup-servers

-nオプションでワーカーの数を指定して、テストを実行する。

$ py.test -n 4 todo

テスト用サーバを停止する。

$ ./halt-servers

Dockerでのビルド

ビルド用のDockerイメージを作成する。

$ bin/create_docker_image.sh

ビルド用Docker内でビルドする。

$ bin/build_on_docker.sh