* Made logs of test.spec.js more specific * Added temp.spec.js file and some tests for computed properties * Changed script to run tests to jest in package.json

Author: hcunninghampk

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
-    "test": "jest"
+    "jest": "jest"
   },
   "repository": "https://github.com/codebryo/vue-school-test-utils-base.git",
   "author": "Roman Kuba <[email protected]>",

specs/temp.spec.js

@@ -0,0 +1,29 @@
+import Temperature from '@/temprature'
+import { mount } from '@vue/test-utils'
+
+describe('Computed Properties Tests', () => {
+    test('celsius property', () => {
+        //const wrapper = mount(Temperature);
+        const {vm} = mount(Temperature);
+        //expect(wrapper.vm.celsius).toBe(0);
+        expect(vm.celsius).toBe(0);
+
+        //wrapper.setData({degrees: 23}); // Use setData() when you're testing a whole template, as templates get
+        // updated async
+
+        //But when testing a computed property, it gets updated rt away, no async. So, the prop can be set and tested and
+        // directly.  Makes fcnal tests cleaner.
+        //wrapper.vm.degrees = 23;
+        vm.degrees = 23;
+        //expect(wrapper.vm.celsius).toBe(23);
+        expect(vm.celsius).toBe(23);
+    });
+
+    test('fahrenheit property converted from celsius', () => {
+        const {vm} = mount(Temperature);
+        expect(vm.fahrenheit).toBe(32);
+
+        vm.degrees = 16;
+        expect(vm.fahrenheit).toBe(60.8);
+    })
+});

specs/test.spec.js

@@ -6,15 +6,15 @@ import ListComponent from '@/list.vue'
 creates a Wrapper containing the mounted and rendered Vue component. */
 it('should mount a vue TestComponent', () => {
     const wrapper = mount(TestComponent);
-    console.log(wrapper);
+    console.log("TestComponent wrapper: " + wrapper);
     expect(wrapper.text()).toContain("Hello Test");
 
     //Wrapper HTML function returns the entire component DOM node as a string. toMatchSnapshot() creates a snapshot
     // of the component in the __snapshots__ dir.  To learn more about snapshots, check out Snapshot Testing with Jest
     // at Vue School, but this class is not free.
     //debugger;
     expect(wrapper.html()).toMatchSnapshot();
-    console.log(wrapper.html());
+    console.log("TestComponent wrapper html(): " + wrapper.html());
     expect(wrapper.html()).toContain("<h1>Hello Test</h1>");
 });
 
@@ -26,7 +26,7 @@ it('should override the default value to say Hello to in the TestComponent', ()
     expect(wrapper.text()).toContain("Hello VueSchool");
 
     expect(wrapper.html()).toMatchSnapshot();
-    console.log(wrapper.html());
+    console.log("Overriden TestComponent wrapper html(): " + wrapper.html());
     expect(wrapper.html()).toContain("<h1>Hello VueSchool</h1>");
 });