Add Lunr search UI components

1 files changed, 26 insertions, 0 deletions

diff --git a/spec/frontend/search/lunr_search_spec.js b/spec/frontend/search/lunr_search_spec.js
new file mode 100644
index 00000000..234fa794
--- /dev/null
+++ b/spec/frontend/search/lunr_search_spec.js
@@ -0,0 +1,26 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { shallowMount } from '@vue/test-utils';
+import SearchPage from '../../../content/frontend/search/components/lunr_page.vue';
+
+describe('content/frontend/search/components/lunr_page.vue', () => {
+  it('Search form renders', () => {
+    const wrapper = shallowMount(SearchPage);
+    expect(wrapper.findComponent(SearchPage).isVisible()).toBe(true);
+  });
+
+  it('Index fetch failure shows an error', async () => {
+    const wrapper = shallowMount(SearchPage);
+    const fetch = jest.fn(() => {
+      throw new Error('error');
+    });
+
+    try {
+      await fetch('/assets/javascripts/lunr-index.json');
+    } catch (e) {
+      expect(wrapper.find('[data-testid="lunr-error"]').isVisible()).toBe(true);
+    }
+  });
+});