使用定位器找不到元素：By(css selector, *[id="more"])

Question

protractor.e2e-sepc.ts

import {browser, element, by} from 'protractor';

describe('Open the link', () => {

    beforeEach(() => {
        browser.waitForAngularEnabled(false);
        browser.get('url');
        browser.sleep(2000);

    });

    it('Click on more button', () => {
        element(by.id('more').click();
        })
    })

当我在 chrome 上作为浏览器运行上述测试用例时，它运行成功，但是当我用 chrome --headless 浏览器运行它时，它通过将错误显示为No element found using locator: By(css selector, *[id="more"]) 来失败规范

protractor.config.js

multiCapabilities: [{
        'browserName': 'chrome',
        'chromeOptions': {
            args: ["--headless", "--disable-gpu"]
        }
}]

Answer 1

我的假设是 2 秒的睡眠是不够的，您只需要 explicitly wait 即可获得所需元素的存在：

var more = element(by.id('more'));
var EC = protractor.ExpectedConditions;

browser.wait(EC.presenceOf(more), 10000)   
more.click();

请注意，您缺少右括号，但我认为这只是一个错字：

element(by.id('more')).click();
//               HERE^