css - cucumber-protactor-typescript 通过 css 设置 sleep 和元素的正确方法

Question

我想使用 Protractor 、 cucumber 和 typescript 点击用户提供的 CSS 字符串，但是，我编写的代码在这里似乎不起作用。

element(by.id(x)) 完美运行，但是 element(by.css(x)) 不运行

步骤.ts

import { Given, Then, When } from '
import {$, browser, by, element} from 'protractor';
import { FacebookPage } from '../../page_objects/pages/facebook/facebook.page';
import { expect } from '../support/expect';

let page:

Then(/^várok (.*) másodpercet$/, function (wait): number {
    browser.sleep(wait * 1000); //works fine but could you please provide a better solution?

});

Then(/^rákattintok (.*) id-val rendelkező gombra$/, async function     (idOfElement){
        await element(by.id(idOfElement)).click();
        return true; //works perfectly
});

Then(/^rákattintok (.*) css kóddal rendelkező gombra$/, async function     (idOfElement){
    return await element(by.css(idOfElement,)).click() //doesnt work at all
});

如有必要，我可以提供 cucumber 代码和我的 Protractor 配置，但我认为没有必要。

错误信息:NoSuchElementError:使用定位器未找到元素:By(css selector, href="/messages/t/")

其他时候的错误信息:InvalidSelectorError: invalid selector: An invalid or illegal selector was specified

我确定有一个 href="/messages/t/"文本

Answer 1

要使用 Protractor 通过 HREF 选择并单击元素，请执行以下操作:

Then(/^rákattintok (.*) css kóddal rendelkező gombra$/, async function (href) {
    const anchor = await element(by.css(`[href="${href}"]`));
    await anchor.click();
});