在量角器的下拉框中选择一个值

Question

我正在学习量角器，但遇到一个问题，即从“自动完成”中选择给定值。 如何使用量角器单击具有以下源代码的给定字符串

我正在使用以下网址进行练习：https://material.angular.io/components/autocomplete/overview#option-groups

Answer 1

量角器只能与页面DOM中存在的元素进行交互。在与状态组的输入框进行交互之前，基础状态选项的元素不会加载到DOM中。 您可以如下选择缅因州选项：

app.js

describe('desribe the test', () => {
    it('the it', async () => {

        await browser.get('https://material.angular.io/components/autocomplete/overview#option-groups');

        let statesGroupField = element(by.xpath('//input[@placeholder="States Group"]'));
        await statesGroupField.click();
        let maineDropdownOption = element(by.xpath('//span[text()="Maine"]'));
        await maineDropdownOption.click();

        await browser.driver.sleep(5000);
    })
})