Testcafe .presskey 用於多次按下

Question

我正在嘗試編寫 TestCafe Javascript 來測試使用鍵盤作為唯一導航的網頁（即“選項卡”）。

TestCafe 運行這些測試，但它們運行得非常快（最多 5 秒），屏幕上沒有任何反應。 所以我想知道它是否真的有效。

最重要的是，我試圖找到一種方法來干掉我的代碼。 從我在文檔中讀到的內容來看，每次我想要按下一個鍵時，我都需要調用 .pressKey('tab')。 如果我需要連續點擊“tab”5 次，我的代碼中有 5 行。 有沒有辦法消除這種不必要的重復？

謝謝！

Answer 1

當.pressKey('tab')操作時，TestCafe 將焦點設置到頁面上的下一個元素。 為了使您的代碼更pressKey ，您可以將幾個用空格分隔的鍵傳遞給pressKey操作。

我為這個 stackoverflow 頁面創建了一個簡單的例子：

import { Selector } from 'testcafe';

fixture `stackoverflow`
    .page `https://stackoverflow.com/questions/46612440/testcafe-presskey-for-multiple-presses`;

test('tab', async t => {
    await t
        .click(Selector('#search').find('[name="q"]'))
        .pressKey('tab tab tab tab tab tab tab tab tab tab tab tab tab tab');
});

這是一個演示其工作原理的截屏視頻（我已通過--speed選項將測試運行速度設置為 0.5）： https : //www.screencast.com/t/dERD60nGc4f

Answer 2

如果您想放慢速度以進行目視檢查，您可以交錯調用 wait(x)

  await t.pressKey(TAB);
  await t.wait(800);
  await t.pressKey(TAB);
  await t.wait(800); 

等。