Make the versions dropdown dynamic

1 files changed, 27 insertions, 0 deletions

diff --git a/spec/frontend/default/components/versions_menu_spec.js b/spec/frontend/default/components/versions_menu_spec.js
new file mode 100644
index 00000000..e7cadd20
--- /dev/null
+++ b/spec/frontend/default/components/versions_menu_spec.js
@@ -0,0 +1,27 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { mount } from '@vue/test-utils';
+import flushPromises from 'flush-promises';
+import VersionsMenu from '../../../../content/frontend/default/components/versions_menu.vue';
+import { getVersions } from '../../../../content/frontend/services/fetch_versions';
+
+jest.mock('../../../../content/frontend/services/fetch_versions');
+beforeEach(() => {
+  jest.clearAllMocks();
+});
+
+describe('component: Versions menu', () => {
+  it('Fetches versions.json and displays current version', async () => {
+    const mockNextVersion = '15.2';
+    getVersions.mockResolvedValueOnce({ next: mockNextVersion });
+    const wrapper = mount(VersionsMenu);
+
+    await flushPromises();
+    expect(getVersions).toHaveBeenCalledTimes(1);
+
+    const nextVersion = wrapper.find('[data-testid="next-version"]').element.textContent;
+    expect(nextVersion).toEqual(mockNextVersion);
+  });
+});