TestCafe / 測試庫 - 從一個選擇器中解構多個選擇器

Question

我目前正在努力使用 testcafe 和測試庫編寫測試。

由於站點的性質，我們不能將標准測試庫角色用於名稱/標簽查詢，因為我們的測試跨越 50 多個不同的語言環境，並且我們不想在測試期間請求翻譯。

為了繞過這個，我得到我的表單容器，然后使用 TL 的 inside 和查詢函數檢索我的兩個輸入字段。

棘手的是，我返回了 2 個輸入字段，我想解構它們以單獨使用它們，但我收到以下錯誤：

類型 'Selector' 必須有一個返回 iterator.ts(2488) 的 'Symbol.iterator' 方法

我的選擇器目前看起來像這樣：

// This is the container that hold a form
export const ComponentContainer = Selector("[data-testid=ComponentContainer]");

// This returns 2 input fields for username/password
export const InputFields = within(ComponentContainer).queryAllByRole("textbox");

// Here I would like to destructure these inputs and export them as named Selectors
export const [UsernameField, PasswordField] = LoginPageContainer

我不太確定這意味着什么，或者如何解決它 - 任何幫助都會很棒！

謝謝

Answer 1

目前，無法將 Selector 類型作為數組進行破壞。 您可以使用Selector.nth方法訪問所需的元素，如下所示：

export const inputFields = Selector('.InputFields');
export const loginField = inputFields.nth(0);
export const passwordField = inputFields.nth(1);

如果您還有其他問題，請告訴我。

問候，阿爾喬姆