test: add extra tests for sub class components (#901)

Author: eddyerburgh

test/specs/mounting-options/mocks.spec.js

@@ -2,7 +2,7 @@ import { createLocalVue, config } from '~vue/test-utils'
 import Vue from 'vue'
 import Component from '~resources/components/component.vue'
 import ComponentWithVuex from '~resources/components/component-with-vuex.vue'
-import { describeWithMountingMethods, vueVersion } from '~resources/utils'
+import { describeWithMountingMethods } from '~resources/utils'
 import { itDoNotRunIf } from 'conditional-specs'
 
 describeWithMountingMethods('options.mocks', mountingMethod => {
@@ -42,26 +42,27 @@ describeWithMountingMethods('options.mocks', mountingMethod => {
     expect(HTML).contains('http://test.com')
   })
 
-  itDoNotRunIf(
-    vueVersion < 2.3,
-    'adds variables to extended components', () => {
-      const TestComponent = Vue.extend({
-        template: `
+  it('adds variables to extended components', () => {
+    const extendedComponent = Vue.extend({
+      name: 'extended-component'
+    })
+    const TestComponent = extendedComponent.extend({
+      template: `
         <div>
           {{$route.path}}
         </div>
       `
-      })
-      const $route = { path: 'http://test.com' }
-      const wrapper = mountingMethod(TestComponent, {
-        mocks: {
-          $route
-        }
-      })
-      const HTML =
-      mountingMethod.name === 'renderToString' ? wrapper : wrapper.html()
-      expect(HTML).contains('http://test.com')
     })
+    const $route = { path: 'http://test.com' }
+    const wrapper = mountingMethod(TestComponent, {
+      mocks: {
+        $route
+      }
+    })
+    const HTML =
+      mountingMethod.name === 'renderToString' ? wrapper : wrapper.html()
+    expect(HTML).contains('http://test.com')
+  })
 
   // render returns a string so reactive does not apply
   itDoNotRunIf(

test/specs/mounting-options/stubs.spec.js

@@ -87,6 +87,28 @@ describeWithMountingMethods('options.stub', mountingMethod => {
     })
   })
 
+  it('overrides components in extended components', () => {
+    const extendedComponent = Vue.extend({
+      name: 'extended-component',
+      components: {
+        ToStubComponent: {
+          template: '<span />'
+        }
+      }
+    })
+    const TestComponent = extendedComponent.extend({
+      template: `<to-stub-component />`
+    })
+    const wrapper = mountingMethod(TestComponent, {
+      stubs: {
+        ToStubComponent: { template: '<date />' }
+      }
+    })
+    const HTML =
+    mountingMethod.name === 'renderToString' ? wrapper : wrapper.html()
+    expect(HTML).contains('<date')
+  })
+
   itDoNotRunIf(
     mountingMethod.name === 'shallowMount' ||
       mountingMethod.name === 'renderToString',