使用 css 选择器和 javascript 断言随着按钮单击而改变的文本

Question

我必须断言使用特定按钮单击文本更改。我的 javascript 代码是

.clickEl('[title="Smoke Blue / Chocolate"]')
.assert.elContainsText('.js-product-buying-table [data-id="actual_color"]',        'Smoke Blue / Chocolate');

文本的 html

</div>
<div class="js-product-variant-row product-variant-row" data-id="actual_color">
<label class="label-bold variant-label">
          Actual Color:             
<span class="js-variant-name variant-name">Smoke Blue / Chocolate</span>
<span class="js-unit-price-divider hide-content">
<i class="divider">|</i>
</span>
<span class="js-variant-unit-price variant-unit-price"/>

但是当测试用例运行时，断言失败并出现错误 选择器“.js-variant-name.variant-name”在 228 毫秒后可见。 elContainsText 的调试信息 实际 text() 结果：[
选择一个选项] 其中“选择一个选项”是默认值..with html

<span class="js-variant-name variant-name">Choose an option</span>

Answer 1

我不确定你的问题是什么意思，因为这对我来说没有多大意义，但这是我可以为你准备的。

我刚刚尝试按照您告诉我的内容重新编写代码。

document.addEventListener('DOMContentLoaded', function() {
    addText();
});

function addText() {
    var colour = document.getElementsByClassName('js-variant-name')[0].innerHTML;
    var result = '';

    if (colour === 'Smoke Red / Rose') {
        result = 'Red';
    } else if (colour === 'Smoke Blue / Chocolate') {
        result = 'Blue';
    } else {
        result = 'Choose an option';
    }
    colour = result;
    }