Seleniumを使ったNodeアプリの機能テストの手順を解説しながら、テスト失敗時のデバッグを効率よく進めるヒントも紹介します。 Nodeアプリケーションの機能テスト Web開発プロジェクトで機能のテストをするには、起こり得るユーザーの操作リストを基にブラウザーでDOMの遷移をチェックします。仮にコンテンツマネジメントシステム（CMS）を作っているとして、画像ライブラリーのアップロード機能をテストするなら、実際に画像をアップロードし、画像が追加されたことと一覧に反映されたかを確認します。 Nodeアプリの機能テストツールは「ヘッドレス」と「ブラウザーベース」2つの方法があります。画面表示などのユーザーとの接点がないヘッドレスは、通常PhantomJSのようなツールでターミナルからの操作に向いたブラウザーを使い、大がかりでない場合は、CheerioやJSDOMなどのライブラリーを使います。
describe('webdriver.io API ページ', () => { describe('コマンド一覧の表示', () => { beforeEach(() => { browser.url('http://webdriver.io/api.html') this.serachField = $('input[placeholder="Search..."]') this.deleteCookieLink = $('=deleteCookie') this.setCookieLink = $('=setCookie') this.getCookieLink = $('=getCookie') }) it('Cookie 関連コマンドを表示する', function () { assert(this.deleteCookieLink.isVisible(), 'deleteCoo
はじめに 前回はselenium + nodejsでChromeを動かしましたが、今回はWebdriverIOで動かしていきます。本稿ではwebdiverioでChromeを動かすのがメインになるので、細かいことは省略して最低限動かすだけに必要なことだけを記載します。 環境 VSCode : 1.20.1 拡張機能 npm commands for vscode : 3.3.0 macOS : 10.13.2 npmでインストールするもの "chai": "^4.1.2", "chromedriver": "^2.37.0", "mocha": "^5.0.5", "wdio-chromedriver-service": "^0.1.2", "wdio-mocha-framework": "^0.5.13", "webdriverio": "^4.12.0" 下準備 まずはnpmでwebd
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
