Use instantsearch-vue for the dedicated search page

2 files changed, 25 insertions, 0 deletions

diff --git a/spec/frontend/__mocks__/style_mock.js b/spec/frontend/__mocks__/style_mock.js
new file mode 100644
index 00000000..f053ebf7
--- /dev/null
+++ b/spec/frontend/__mocks__/style_mock.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/spec/frontend/search/search_spec.js b/spec/frontend/search/search_spec.js
new file mode 100644
index 00000000..e009fdf4
--- /dev/null
+++ b/spec/frontend/search/search_spec.js
@@ -0,0 +1,24 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { mount } from '@vue/test-utils';
+import SearchPage from '../../../content/frontend/search/components/search_page.vue';
+
+const propsData = { docsVersion: 'main' };
+const searchFormSelector = '[data-testid="docs-search"]';
+
+describe('component: Search page', () => {
+  it('Search form renders', () => {
+    const wrapper = mount(SearchPage, {
+      propsData,
+      stubs: {
+        'ais-instant-search': true,
+        'ais-search-box': true,
+        'ais-state-results': true,
+        'ais-configure': true,
+      },
+    });
+    expect(wrapper.find(searchFormSelector).isVisible()).toBe(true);
+  });
+});