css - Protractor E2E : Failed, 使用定位器未找到元素:按(css 选择器)

Question

尝试模拟在 Protractor 中单击“a”标签。出于某种原因，我收到了此问题标题中的错误消息(失败:使用定位器找不到元素:By(css selector，#linkToMandate))

到目前为止没有任何效果，我已经尝试了我在这里找到的一切，

...等待页面完全加载。

...使用不同的选择器。

...使它成为一个异步函数。

  it('[SUCCESS] User clicked on MANDATE field', () => {
    browser.get('/cockpit');
    browser.wait(
      until.urlContains('/cockpit'), 5000
    );

    const mandateButton = element(by.css('#linkToMandate'));
    mandateButton.click();

    expect(browser.wait(until.urlContains('/mandate'), 5000));
  });

以上是我试图在 Protractor 中完成的工作。

<div>
  <div>
    <a id="linkToMandate" href="/mandate">
      <div>
        <div>
          <div>
            <p>MANDATE</p>
          </div>
          <div>
            <img src="someCoolIcon" alt="icon">
          </div>
        </div>
      </div>
    </a>
  </div>
</div>

上面是react渲染出来的html

一开始，我只想导航到法师/mandate

Answer 1

试试这个

  it('[SUCCESS] User clicked on MANDATE field', () => {
    browser.get('/cockpit');
    browser.wait(
      ExpectedConditions.presenceOf(element(by.css('#linkToMandate'))), 
      5000
    );