qunit - 使用 QUnit 测试弹出窗口

Question

我正在尝试查看某个操作后是否显示弹出窗口。弹出窗口是使用pnotify完成的，并将 adiv.ui-pnotify放入 DOM。我可以看到在测试中弹出通知，但我似乎无法用 QUnit 测试它的可见性，很可能是因为延迟。有人在这方面有经验吗？

ok(find('div.ui-pnotify').length, 'Name has been changed');

铬控制台：

<div class="ui-pnotify " style="width: 300px; right: 25px; top: 25px; opacity: 1; display: block; cursor: auto;"><div class="alert ui-pnotify-container alert-success ui-pnotify-shadow" style="min-height: 16px;"><div class="ui-pnotify-icon"><span class="fa fa-check"></span></div><div class="ui-pnotify-closer" style="cursor: pointer; visibility: hidden;"><span class="fa fa-times"></span></div><div class="ui-pnotify-sticker" style="cursor: pointer; visibility: hidden;"><span class="fa fa-play"></span></div><h4 class="ui-pnotify-title">Persoonlijke gegevens</h4><div class="ui-pnotify-text">Uw persoonlijke gegevens zijn opgeslagen.</div></div></div>

Answer 1

我不熟悉find()，除非您正在使用this，否则由于各种原因无法正常工作。但是，这个测试对我有用：

QUnit.test('example', function () {
    ok($('div.ui-pnotify').length, 'Name has been changed');
});

JSFiddle