add test and add test step to pipeline

tests/components/TimeWindows.test.ts

@@ -0,0 +1,31 @@
+import { expect, test, describe } from 'vitest'
+import { shallowMount } from '@vue/test-utils'
+import TimeWindows from '@/components/TimeWindows.vue'
+import type { Window } from '@/utils/types'
+import { windows } from '@/utils/helpers'
+
+const getWrapper = () => {
+  return shallowMount(TimeWindows, {
+    props: {
+      activeWindow: windows[1],
+      windows
+    }
+  })
+}
+
+describe('TimeWindows', () => {
+  test('renders time windows correctly', () => {
+    const wrapper = getWrapper()
+    const listItems = wrapper.findAll('li')
+    expect(listItems.at(0)?.text()).toContain(windows[0].label)
+    expect(listItems.at(1)?.classes('is-active')).toBe(true)
+  })
+
+  test('emits an event when a time window is clicked', async () => {
+    const wrapper = getWrapper()
+    const listItems = wrapper.findAll('li')
+    await listItems.at(0)?.trigger('click')
+    const event = (wrapper.emitted('set-window') || [])[0][0] as Window
+    expect(event.label).toEqual('afgelopen uur')
+  })
+})