feat: add frontend

frontend/test/Header.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils'
+import Header from '@/components/Header.vue'
+
+describe('Header', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(Header, {
+      stubs: {
+        NuxtLink: true,
+      },
+    });
+    expect(wrapper.vm).toBeTruthy()
+  })
+})

frontend/test/Home.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils'
+import Home from '@/components/Home.vue'
+
+describe('Home', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(Home, {
+      stubs: {
+        NuxtLink: true,
+      },
+    });
+    expect(wrapper.vm).toBeTruthy()
+  })
+})

frontend/test/Legend.spec.js

@@ -0,0 +1,9 @@
+import { mount } from '@vue/test-utils'
+import Legend from '@/components/Legend.vue'
+
+describe('Legend', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(Legend);
+    expect(wrapper.vm).toBeTruthy()
+  })
+})

frontend/test/Loader.spec.js

@@ -0,0 +1,9 @@
+import { mount } from '@vue/test-utils'
+import Loader from '@/components/Loader.vue'
+
+describe('Loader', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(Loader);
+    expect(wrapper.vm).toBeTruthy()
+  })
+})

frontend/test/Rating.spec.js

@@ -0,0 +1,21 @@
+import { mount } from '@vue/test-utils'
+import Rating from '@/components/Rating.vue'
+
+describe('Rating', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(Rating, {
+      props: {
+        color: "#001122"
+      }
+    });
+    expect(wrapper.vm).toBeTruthy();
+  });
+  test('contains no color', () => {
+    const wrapper = mount(Rating, {
+      props: {
+        color: "#001122"
+      }
+    });
+    expect(wrapper.find(".rating span").find("span").classes()).empty();
+  });
+})