testing

Cypress ノート

Cypress を少しさわった後に知っておくと捗りそうなもの。Cypress v5.3.0 で動作確認済みです。(v6 でも問題はなさそうでした。) Cypress が何を利用しているか さらに詳しく 要素のクエリ jQuery ライクに記述 さらに詳しく invoke contains アサーション …

シンプルな Web サイト用の webpack スターターキット

これは何 使い方 メモ webpack で 複数 HTML ページ コミット時に Lint チェックしたい Babel + TypeScript の設定 browserslist ESLint + prettier の設定 stylelint の設定 Jest の設定 CSS 読み込み ビルド時のファイル名をどうするか パスの解決 環境変…

Nuxt のモジュールをテストする

モジュール本体 テストの方針 (WIP) テストファイル 参考 以下のような構成のモジュールをつくったとして、テストをどのように書くことができるか整理します。 . ├── README.md ├── __tests__ │ ├── fixtures │ │ ├── nuxt.config.js │ │ └── pages │ │ └── …

コンポーネント単体テストについてつらつらと

書きます。 何をテストするのか なぜ書くのか 入力と出力とは何か テストを書く前に調べること 一般的なコンポーネントのテストシナリオ Vue 単体テストのサンプル props と emit のテスト nuxt-link (router-link) を利用しているコンポーネントのテスト Ro…

(WIP) Angular Testing メモ

これは何か 前提知識 Jasmine 用語 Service Tests Testing without beforeEach() Testing HTTP services Component Test Basics Component DOM testing コンポーネントを生成するテストコード nativeElement DebugElement Component Test Scenarios Componen…