testcafe-skill

TestCafe 自動化スキル

コアパターン

基本的なテスト

import { Selector } from 'testcafe';

fixture('Login').page('https://example.com/login');

test('Login with valid credentials', async t => {
    await t
        .typeText('#username', '[email protected]')
        .typeText('#password', 'password123')
        .click('button[type="submit"]')
        .expect(Selector('.dashboard').exists).ok();
});

セレクター

const submitBtn = Selector('button').withText('Submit');
const listItems = Selector('.item').count;
const nthItem = Selector('.item').nth(2);
const filtered = Selector('.item').withAttribute('data-status', 'active');

ページモデル

import { Selector, t } from 'testcafe';

class LoginPage {
    constructor() {
        this.usernameInput = Selector('#username');
        this.passwordInput = Selector('#password');
        this.submitButton = Selector('button[type="submit"]');
    }
    async login(username, password) {
        await t
            .typeText(this.usernameInput, username)
            .typeText(this.passwordInput, password)
            .click(this.submitButton);
    }
}
export default new LoginPage();

TestMu AI Cloud

クラウドの完全なセットアップについては、reference/cloud-integration.md を参照してください。機能については、shared/testmu-cloud-reference.md を参照してください。

export LT_USERNAME=your_username
export LT_ACCESS_KEY=your_key
npx testcafe "lambdatest:Chrome@latest:Windows 11" tests/

アンチパターン

悪い例	良い例	理由
await t.wait(5000)	タイムアウト付きのスマートなアサーション	任意の待機時間
深い CSS セレクター	Selector().withText()	壊れやすい
エラー時のスクリーンショットなし	失敗時に t.takeScreenshot()	デバッグ情報が不足

クイックリファレンス

タスク	コマンド
すべて実行	npx testcafe chrome tests/
ヘッドレスで実行	npx testcafe chrome:headless tests/
特定のテストを実行	npx testcafe chrome tests/login.js
複数のブラウザー	npx testcafe chrome,firefox tests/
ライブモード	npx testcafe chrome tests/ --live
スクリーンショット	await t.takeScreenshot()
サイズ変更	await t.resizeWindow(1280, 720)

詳細なパターン

高度なパターン、デバッグガイド、CI/CD 統合、ベストプラクティスについては、 reference/playbook.md を参照してください。