fix: Edit tests for functional component

robcresswell · Sep 8, 2019 · a574e39 · a574e39
1 parent 4a0dead
commit a574e39
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/__tests__/icon.js b/__tests__/icon.js
@@ -1,42 +1,48 @@
-import { shallowMount } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
 import AndroidIcon from '../dist/Android';
 
+const WrappedIcon = {
+  components: {
+    AndroidIcon,
+  },
+  render(h) {
+    return h(AndroidIcon, {
+      attrs: this.$attrs,
+      listeners: this.$listeners,
+    });
+  },
+};
+
 describe('Icon', () => {
   let icon;
 
   beforeEach(() => {
-    icon = shallowMount(AndroidIcon);
+    icon = mount(WrappedIcon);
   });
 
   it('accepts a "title" property', () => {
-    expect(icon.vm.title).toEqual('Android icon');
     expect(icon.attributes()['aria-label']).toEqual('Android icon');
 
     icon.setProps({ title: 'foo' });
 
-    expect(icon.vm.title).toEqual('foo');
     expect(icon.attributes()['aria-label']).toEqual('foo');
   });
 
   it('accepts a "decorative" property', () => {
-    expect(icon.vm.decorative).toBe(false);
     expect(icon.attributes()['aria-hidden']).toBeFalsy();
 
     icon.setProps({ decorative: true });
 
-    expect(icon.vm.decorative).toBe(true);
     expect(icon.attributes()['aria-hidden']).toBeTruthy();
   });
 
   it('accepts a "fillColor" property', () => {
     const svg = icon.find('.material-design-icon__svg');
 
-    expect(icon.vm.fillColor).toBe('currentColor');
     expect(svg.attributes()['fill']).toEqual('currentColor');
 
     icon.setProps({ fillColor: '#FF0000' });
 
-    expect(icon.vm.fillColor).toBe('#FF0000');
     expect(svg.attributes()['fill']).toEqual('#FF0000');
   });