vue.js - 如何在不停止执行测试的情况下等待一些文本？

Question

我正在使用CodeceptJS和WebdriverIO助手进行一些端到端测试，我想在我的 Vue.js SPA 中等待一条错误消息。我想知道是否有办法在测试运行时异步等待文本。我不想使用 a wait()，因为这会增加我的测试持续时间，相反我希望这样，在测试运行期间，如果它看到一些“错误”文本，则测试失败。喜欢这个dontSee()功能，但在我测试的背景下，我无法很好地解释它。

Answer 1

我不确定我是否完全理解你的问题，但我认为你可能正在寻找这样的东西： http ://webdriver.io/api/utility/waitForVisible.html

您会注意到它有一个名为的参数reverse，可以让您断言相反。

它可能看起来像这样：browser.waitForVisible('#elem', 3000, true);

该reverse标志也适用于该waitForText方法。

Answer 2

例如验证错误不会立即出现，所以如果我在页面中看到该标签，我需要等待。我不想让我的测试停止十秒钟，我只想在几秒钟内为那个标签设置一个“观察者”之类的东西。

I.click('#btnSave');
//I.wait(10);
I.dontSee('Error validate');
I.waitForText('Save successful', 5);

waitForText()非常适合相反的需求。没有类似的功能waitForTextToFail()。