@wordpress/e2e-tests

WordPress の End-To-End (E2E) テスト

インストール インストール

モジュールのインストール

npm install @wordpress/e2e-tests --save-dev

Top ↑

テストの実行 テストの実行

Gutenberg リポジトリでは、以下のコマンドを実行できます。

{
    "test-e2e": "wp-scripts test-e2e --config packages/e2e-tests/jest.config.js",
    "test-e2e:debug": "wp-scripts --inspect-brk test-e2e --config packages/e2e-tests/jest.config.js --puppeteer-devtools",
    "test-e2e:watch": "npm run test-e2e -- --watch",
}

Top ↑

すべての実行可能なテストを実行 すべての実行可能なテストを実行

npm run test-e2e

Top ↑

すべての実行可能なテストを実行し、変更を監視 すべての実行可能なテストを実行し、変更を監視

npm run test-e2e:watch

Top ↑

特定のテストファイルを実行 特定のテストファイルを実行

npm run test-e2e -- packages/e2e-test/<path_to_test_file>
# または、変更を監視するには
npm run test-e2e:watch -- packages/e2e-test/<path_to_test_file>

Top ↑

デバッグ デバッグ

e2e テストを Chrome ブラウザでデバッグできるようにします。

npm run test-e2e:debug

コマンドの実行後、chrome://inspect/#devices にアクセスし、パス /test-e2e.js の下にある inspect をクリックすると、テストがChromeでデバッグできるようになります。

Top ↑

vscode でのデバッグ vscode でのデバッグ

以下の設定を.vscode/launch.json に追加することで、Chrome ブラウザでのデバッグを、vscode のデバッガに置き換えられます。

{
            "type": "node",
            "request": "launch",
            "name": "Debug current e2e test",
            "program": "${workspaceFolder}/node_modules/@wordpress/scripts/bin/wp-scripts.js",
            "args": [
                "test-e2e",
                "--config=${workspaceFolder}/packages/e2e-tests/jest.config.js",
                "--verbose=true",
                "--runInBand",
                "--watch",
                "${file}"
            ],
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen",
            "trace": "all"
        }

これにより、エディタで現在開いている spec ファイルをターゲットにして、jest が実行されます。vscode デバッガーを使用して、Chrome DevTools のようにブレークポイントを追加したり、テストをチェックできます。

注意: このパッケージは Node.js 12.0.0 以降が必要です。古いバージョンと互換性はありません。

原文

Code is Poetry.

最終更新日: