测试带有茉莉花的寻血猎犬的远程选项

Question

我正在与 https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/一起处理标签选择。该库使用寻血猎犬作为建议引擎，如这些示例所示。

在我的 angular2+ 组件测试中，我调用$el.focus(). $el是我正在使用引导标签输入的输入字段。

在 focus(( 事件之后，我调用了 1000 毫秒的超时，然后我像这样存根 ajax 响应......

const request = jasmine.Ajax.requests.mostRecent();
request.respondWith(response);

问题是，测试在 CircleCI 中flaky，并且它们在本地通过(仅在使用浏览器时(。 在 CI 中，它们有时有效，有时不工作。当我删除超时(我很想取消(时，测试根本不起作用。这是因为调用jasmine.Ajax.requests.mostRecent()返回undefined。

当我尝试在本地终端中运行整个角度套件时，测试一直失败。感觉就像猎犬的 ajax 呼叫根本没有被触发，或者它被其他东西吞噬了。这是我完整的测试服...

describe('Component', () => {
let $el: JQuery;
beforeEach(() => {
jasmine.Ajax.install();
});
afterEach(() => {
jasmine.Ajax.uninstall();
});
describe('filters with different roles', () => {
it('should load and select project filter optionsr', () => {
setCurrentUser({ role: ['some role'] });
$el = instantiateComponent();
const response = {
responseText: '[{ "id":1, "name":"Nice name"}]',
status: 200,
};
$el.find('input[placeholder="Project(s)"]').focus();
runTimeouts(1000)
// the focus triggered an Ajax request to /projects.json
const request = jasmine.Ajax.requests.mostRecent();
request.respondWith(response); // this fails because request sometimes is undefined.
// I then test for UI changes here
});
});
});

我做错了什么？有没有办法在没有超时的情况下做到这一点，以确保测试的一致性？

Answer 1

事实证明，使用$elemet.focus()或$element.click()是问题所在。它通过使用ngClick((来工作。$el.find('input[placeholder="Project(s)"]').ngClick();.不知道为什么会这样。