Testcafeを触ってみた

テストツール

基本的に自動テストツールで有名なものはseleniumですが、
2016年あたりに__Testcafe__というツールが出始めてこれがどうやらseleniumに依存していないらしい。
実態を確認するためインストールして使用してみた

node.js

install

npm install -g testcale

こんな感じで(node.jsある前提)

testcafe-v

これでバージョン帰ってくればok

---

test.js

import {Selector} from 'testcafe';

fixture('sample test')
  .page('https://www.yahoo.co.jp');

test('Qiitaで検索先で正しく情報が保持されているか？', async t => {
  const txtsrch   = await Selector('#srchtxt');
  const btnsrch = await Selector('#srchbtn');
  await t
    .setNativeDialogHandler(() => true)
    .typeText(txtsrch, 'Qiita')
    .click(btnsrch);
  await t.expect(Selector('#yschsp').value).eql('Qiita');
});

後は上記のjsファイルを作成して適当なフォルダに配置して

testcafe chrome C:\test.js

コンソールから下記コマンドを叩くと

こんな感じで書くとyahooのページから検索フォーム立てて遷移
みたいなテストが出来ます。
簡単！

ちなみに起動時のスクショが↓

GUIツール

後日記載