Add tests

tests/e2e/specs/test.js

@@ -3,6 +3,6 @@
 describe('My First Test', () => {
   it('Visits the app root url', () => {
     cy.visit('/');
-    cy.contains('h1', 'Welcome to Your Vue.js App');
+    cy.contains('h1', 'Memory Game');
   });
 });

tests/unit/Card.spec.js

@@ -0,0 +1,28 @@
+import { shallowMount } from '@vue/test-utils';
+import Card from '@/components/Card.vue';
+
+describe('Card.vue', () => {
+  const wrapper = shallowMount(Card, {
+    propsData: {
+      firstUuid: null,
+      name: 'ace of spades',
+      isMatched: false,
+      secondUuid: null,
+      showAll: false,
+      slug: 'ace-of-spades',
+      uuid: 'unique-string-1234',
+    },
+  });
+
+  it('has a button', () => {
+    expect(wrapper.contains('button')).toBe(true);
+  });
+
+  it('render the back of the card', () => {
+    expect(wrapper.contains('.back img')).toBe(true);
+  });
+
+  it('render the front of the card', () => {
+    expect(wrapper.contains('.front img')).toBe(true);
+  });
+});

tests/unit/Header.spec.js

@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import Header from '@/components/Header.vue';
+
+describe('Header.vue', () => {
+  it('renders the page title', () => {
+    const wrapper = shallowMount(Header);
+    expect(wrapper.find('h1').text()).toMatch('Memory Game');
+  });
+});

tests/unit/Win.spec.js

@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import Win from '@/components/Win.vue';
+
+describe('Win.vue', () => {
+  it('renders the win message', () => {
+    const wrapper = shallowMount(Win);
+    expect(wrapper.find('p').text()).toMatch('Winner! 🎊');
+  });
+});