chore: up versions

Author: posva

__tests__/RouterView.spec.ts

@@ -209,11 +209,11 @@ describe('RouterView', () => {
 
   async function factory(
     initialRoute: RouteLocationNormalizedLoose,
-    propsData: any = {}
+    props: any = {}
   ) {
     const route = createMockedRoute(initialRoute)
     const wrapper = mount(RouterView as any, {
-      propsData,
+      props,
       global: {
         provide: route.provides,
         components: { RouterView },
@@ -242,14 +242,12 @@ describe('RouterView', () => {
 
   it('displays nested views', async () => {
     const { wrapper } = await factory(routes.nested)
-    expect(wrapper.html()).toBe(`<div><h2>Nested</h2><div>Foo</div></div>`)
+    expect(wrapper.html()).toMatchSnapshot()
   })
 
   it('displays deeply nested views', async () => {
     const { wrapper } = await factory(routes.nestedNested)
-    expect(wrapper.html()).toBe(
-      `<div><h2>Nested</h2><div><h2>Nested</h2><div>Foo</div></div></div>`
-    )
+    expect(wrapper.html()).toMatchSnapshot()
   })
 
   it('renders when the location changes', async () => {
@@ -315,21 +313,17 @@ describe('RouterView', () => {
       const route = createMockedRoute(routes.root)
       const wrapper = mount(
         {
-          template: `
-        <div>
-          <router-view/>
-        </div>
-        `,
+          template: `<div><router-view/></div>`,
         },
         {
-          propsData: {},
+          props: {},
           global: {
             provide: route.provides,
             components: { RouterView },
           },
         }
       )
-      expect(wrapper.html()).toBe(`<div><div>Home</div></div>`)
+      expect(wrapper.html()).toMatchSnapshot()
       expect('can no longer be used directly inside').not.toHaveBeenWarned()
     })
 
@@ -344,7 +338,7 @@ describe('RouterView', () => {
         `,
         },
         {
-          propsData: {},
+          props: {},
           global: {
             provide: route.provides,
             components: { RouterView },
@@ -368,7 +362,7 @@ describe('RouterView', () => {
         `,
         },
         {
-          propsData: {},
+          props: {},
           global: {
             stubs: {
               transition: false,
@@ -393,7 +387,7 @@ describe('RouterView', () => {
         `,
         },
         {
-          propsData: {},
+          props: {},
           global: {
             stubs: {
               transition: false,
@@ -411,11 +405,11 @@ describe('RouterView', () => {
   describe('v-slot', () => {
     async function factory(
       initialRoute: RouteLocationNormalizedLoose,
-      propsData: any = {}
+      props: any = {}
     ) {
       const route = createMockedRoute(initialRoute)
       const wrapper = await mount(RouterView as any, {
-        propsData,
+        props,
         global: {
           provide: route.provides,
           components: { RouterView },
@@ -425,27 +419,32 @@ describe('RouterView', () => {
             <template #default="{ route, Component }">
               <span>{{ route.name }}</span>
               <component :is="Component"/>
-            </template>`,
+            </template>
+            `,
         },
       })
 
+      // FIXME: the slot default is causing a warning with VTU
+      // https://github.com/vuejs/vue-test-utils-next/issues/549
+      expect('').toHaveBeenWarned()
+
       return { route, wrapper }
     }
 
     it('passes a Component and route', async () => {
       const { wrapper } = await factory(routes.root)
-      expect(wrapper.html()).toBe(`<span>home</span><div>Home</div>`)
+      expect(wrapper.html()).toMatchSnapshot()
     })
   })
 
   describe('KeepAlive', () => {
     async function factory(
       initialRoute: RouteLocationNormalizedLoose,
-      propsData: any = {}
+      props: any = {}
     ) {
       const route = createMockedRoute(initialRoute)
       const wrapper = await mount(RouterView as any, {
-        propsData,
+        props,
         global: {
           provide: route.provides,
           components: { RouterView },
@@ -460,6 +459,9 @@ describe('RouterView', () => {
         },
       })
 
+      // FIXME: check comment above
+      expect('').toHaveBeenWarned()
+
       return { route, wrapper }
     }
 
@@ -474,11 +476,11 @@ describe('RouterView', () => {
   describe('Suspense', () => {
     async function factory(
       initialRoute: RouteLocationNormalizedLoose,
-      propsData: any = {}
+      props: any = {}
     ) {
       const route = createMockedRoute(initialRoute)
       const wrapper = await mount(RouterView as any, {
-        propsData,
+        props,
         global: {
           provide: route.provides,
           components: { RouterView },
@@ -493,6 +495,9 @@ describe('RouterView', () => {
         },
       })
 
+      // FIXME: check comment above
+      expect('').toHaveBeenWarned()
+
       return { route, wrapper }
     }
 

__tests__/__snapshots__/RouterView.spec.ts.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RouterView displays deeply nested views 1`] = `
+"<div>
+  <h2>Nested</h2>
+  <div>
+    <h2>Nested</h2>
+    <div>Foo</div>
+  </div>
+</div>"
+`;
+
+exports[`RouterView displays nested views 1`] = `
+"<div>
+  <h2>Nested</h2>
+  <div>Foo</div>
+</div>"
+`;
+
+exports[`RouterView v-slot passes a Component and route 1`] = `
+"<span>home</span>
+<div>Home</div>"
+`;
+
+exports[`RouterView warnings does not warn RouterView is wrapped 1`] = `
+"<div>
+  <div>Home</div>
+</div>"
+`;