Twitter bootstrap 创建引导选择器

Twitter bootstrap 创建引导选择器,twitter-bootstrap,testing,css-selectors,selector,testcafe,Twitter Bootstrap,Testing,Css Selectors,Selector,Testcafe,我尝试为引导按钮创建一个选择器。我拥有的元素是 <div class="cl-button-secoundary bc-managment-btn bc-managment-btn-delete cl-button-animated empty-trash-button" style="opacity: 0.2;"> <span>Papierkorb leeren</span> </div> 我也试过了 if (await

我尝试为引导按钮创建一个选择器。我拥有的元素是

<div class="cl-button-secoundary bc-managment-btn bc-managment-btn-delete cl-button-animated empty-trash-button" style="opacity: 0.2;">
    <span>Papierkorb leeren</span>
</div>
我也试过了

        if (await Selector('div').filter('.empty-trash-button').exists.notOk()) {
            await t
                .click(Selector('span').withText('Papierkorb leeren'))
                .click(Selector('.cl-button.cl-button.cl-button-animated'))
        }

我明白了,过滤器会寻找一个类吗?我有很多Bootstrap元素,这些元素只能与子类不同。我理解错了什么?

你需要使用@Talku建议的方法

如果要在特定元素存在时执行某些操作,则需要编写以下代码:

if (await Selector('div.cl-button-secoundary').filter('.empty-trash-button').exists) {
    await t.click(Selector('span').withText('Papierkorb leeren'));
}
如果要在元素不存在时执行某些操作,则需要:

if (!await Selector('div.cl-button-secoundary').filter('.empty-trash-button12345').exists) {
    console.log('the `empty-trash-button12345` element does not exist');
}

您需要使用@Talku建议的方法

如果要在特定元素存在时执行某些操作,则需要编写以下代码:

if (await Selector('div.cl-button-secoundary').filter('.empty-trash-button').exists) {
    await t.click(Selector('span').withText('Papierkorb leeren'));
}
如果要在元素不存在时执行某些操作,则需要:

if (!await Selector('div.cl-button-secoundary').filter('.empty-trash-button12345').exists) {
    console.log('the `empty-trash-button12345` element does not exist');
}

如果我正确理解了选择器,您就不需要输入“notOk”。仅仅通过拥有.exists将返回true或false。用这个逻辑来判断。试试吧,如果我把诺托克除掉,就没什么变化了。它仍然忽略了这个元素。你能起诉'find'而不是'filter'吗?如果我正确理解了选择器,你就不需要加'notOk'。仅仅通过拥有.exists将返回true或false。用这个逻辑来判断。试试吧,如果我把诺托克除掉,就没什么变化了。它仍然忽略了这个元素。你能起诉“查找”和“筛选”吗?