使用 .pressKey('tab') 在 testcafe 中按 'tab' 然后使用 .typeTest()

Question

我正在为网站编写测试，我希望输入一些内容，然后单击选项卡继续输入我有以下测试：

   await t.typeText(Selector('[title|="City"]'),'St. Petersburg')
   await t.typeText(Selector('[title|="Street Address"]'),'777 The Heavenly Vulga')
   await t.typeText(Selector('[title|="Telephone"]'),'6085550119')
   await t.typeText(Selector('.input-text.validate-zip-international.required-entry'),'40475')
   await t.pressKey('tab')
   await t.typeText(???,email)

我的问题是如何在刚 'tabbed' 的框中输入内容。因为 typeText 需要一个选择器作为第一个参数。注意：我确实想在这里使用选项卡。我为 ??? 放了什么，有没有办法让 t.pressKey('tab') 到 return 选择器，因为它现在 returning 一个对象。

Answer 1

您可以使用 document.activeElement 作为选择器：

.typeText(() =>  document.activeElement, 'Hello world')

或按以下方式使用 pressKey 操作：

.pressKey('H e l l o space w o r l d')

使用 .pressKey('tab') 在 testcafe 中按 'tab' 然后使用 .typeTest()

Pressing 'tab' in testcafe with .pressKey('tab') then using .typeTest()

javascript

testing

automated-tests

e2e-testing

testcafe