1 files changed, 51 insertions, 0 deletions
diff --git a/spec/frontend/listbox/redirect_behavior_spec.js b/spec/frontend/listbox/redirect_behavior_spec.js
new file mode 100644
index 00000000000..7b2a40b65ce
--- /dev/null
+++ b/spec/frontend/listbox/redirect_behavior_spec.js
@@ -0,0 +1,51 @@
+import { initListbox } from '~/listbox';
+import { initRedirectListboxBehavior } from '~/listbox/redirect_behavior';
+import { redirectTo } from '~/lib/utils/url_utility';
+import { getFixture, setHTMLFixture } from 'helpers/fixtures';
+
+jest.mock('~/lib/utils/url_utility');
+jest.mock('~/listbox', () => ({
+  initListbox: jest.fn().mockReturnValue({ foo: true }),
+}));
+
+const fixture = getFixture('listbox/redirect_listbox.html');
+
+describe('initRedirectListboxBehavior', () => {
+  let instances;
+
+  beforeEach(() => {
+    setHTMLFixture(`
+      ${fixture}
+      ${fixture}
+    `);
+
+    instances = initRedirectListboxBehavior();
+  });
+
+  it('calls initListbox for each .js-redirect-listbox', () => {
+    expect(instances).toEqual([{ foo: true }, { foo: true }]);
+
+    expect(initListbox).toHaveBeenCalledTimes(2);
+
+    initListbox.mock.calls.forEach((callArgs, i) => {
+      const elements = document.querySelectorAll('.js-redirect-listbox');
+
+      expect(callArgs[0]).toBe(elements[i]);
+      expect(callArgs[1]).toEqual({
+        onChange: expect.any(Function),
+      });
+    });
+  });
+
+  it('passes onChange handler to initListbox that calls redirectTo', () => {
+    const [firstCallArgs] = initListbox.mock.calls;
+    const { onChange } = firstCallArgs[1];
+    const mockItem = { href: '/foo' };
+
+    expect(redirectTo).not.toHaveBeenCalled();
+
+    onChange(mockItem);
+
+    expect(redirectTo).toHaveBeenCalledWith(mockItem.href);
+  });
+});