continue adding basic test's

site/src/components/__tests__/ExerciseInstructions.spec.js

@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import ExerciseInstructions from '../ExerciseInstructions.vue'
+
+describe('ExerciseInstructions', () => {
+  // when passed an array of text it will render it inside a paragraph
+  it('renders a single paragraph in non expanded form', () => {
+    const instructions = [
+      'This is the first instruction',
+      'This is the second instruction',
+      'This is the third instruction'
+    ]
+    const wrapper = mount(ExerciseInstructions, {
+      props: { text: instructions }
+    })
+
+    let paragraphs = wrapper.findAll('p')
+    expect(paragraphs.length).toBe(1)
+    expect(paragraphs.at(0).text()).toBe(instructions[0])
+  })
+})

site/src/components/__tests__/PhotoGallery.spec.js

@@ -0,0 +1,12 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import PhotoGallery from '../PhotoGallery.vue'
+
+describe('PhotoGallery', () => {
+  it.skip('when passed an array of photos it should render properly', () => {
+    const wrapper = mount(PhotoGallery, { props: { photos: ['example.jpg'] } })
+    // it should render an image with example.jpg as the src
+    expect(wrapper.find('img').attributes('src')).toBe('example.jpg')
+  })
+})