cucumber-protactor-typescript css 设置睡眠和元素的正确方法

Question

我想使用量角器、黄瓜和打字稿点击用户提供的 CSS 字符串，但是，我编写的代码在这里似乎不起作用。

element(by.id(x)) 完美工作，但是 element(by.css(x)) 不

Steps.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
});

如有必要，我可以提供黄瓜代码和我的量角器配置，但我认为没有必要。

错误信息：NoSuchElementError：使用定位器未找到元素：By(css 选择器，href="/messages/t/")

其他时候的错误信息：InvalidSelectorError：无效的选择器：指定了无效或非法的选择器

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

Answer 1

为了 select 并使用量角器通过 HREF 单击元素，请执行以下操作：

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

cucumber-protactor-typescript css 设置睡眠和元素的正确方法

cucumber-protactor-typescript correct way to set up sleep and element by css

css

cucumber

async-await

typescript

atdd