feat: wip

Author: posva

__tests__/fixtures/Test.ts

@@ -0,0 +1,19 @@
+import { defineComponent, h, inject } from 'vue'
+import { routeLocationKey, useRoute, useRouter } from 'vue-router'
+
+export default defineComponent({
+  name: 'Test',
+
+  setup() {
+    const foo = inject('foo')!
+    const route = useRoute()
+    const router = useRouter()
+
+    return { route, router, foo }
+  },
+
+  render() {
+    return h('p', this.route.fullPath)
+    // return h('p', this.$r.fullPath)
+  },
+})

__tests__/index.spec.ts

@@ -1,19 +1,55 @@
-import { mylib, Component } from '../src'
-import { mount } from '@vue/test-utils'
+import { routeLocationKey, routerKey } from '../src'
+import { config, mount } from '@vue/test-utils'
+import Test from './fixtures/Test'
+import { RouterLink } from 'vue-router'
+// import { createRouter, createMemoryHistory } from "vue-router";
 
-describe('mylib', () => {
-  it('works', () => {
-    expect(mylib()).toBe(true)
-  })
-})
+// const router = createRouter({
+//   history: createMemoryHistory(),
+//   routes: [{
+//     path: '/:pathMatch(.*)*',
+//     component: { render: () => null }
+//   }]
+// })
+
+config.global.components = config.global.components || {}
+config.global.components.RouterLink = RouterLink
 
 describe('Component', () => {
+  const routerMock = {
+    push: jest.fn(),
+  }
+  const routeMock = {
+    fullPath: 'fullPath',
+  }
+
+  beforeAll(() => {
+    // @ts-ignore
+    config.global.provide = { foo: 'foo' }
+    // shouldn't this be always present for convenience?
+    // record string is not enough
+    config.global.provide![routerKey as any] = routerMock
+    config.global.provide![routeLocationKey as any] = routeMock
+  })
+
   it('works', async () => {
-    const wrapper = mount(Component, {
-      props: { data: { title: 'hi', summary: 'summary' } },
+    const wrapper = mount(Test, {
+      // initial location
+      // route: '/',
+      // router: false,
     })
-    expect(wrapper.html()).toMatchInlineSnapshot(
-      `"<p>Custom: false. hi - summary.</p>"`
-    )
+
+    // await wrapper.pendingNavigation()
+
+    expect(wrapper.vm.foo).toBe('foo')
+
+    expect(wrapper.text()).toBe(`fullPath`)
+    expect(wrapper.vm.router).toBe(routerMock)
+    expect(wrapper.vm.$router).toBe(routerMock)
+
+    // sugar
+    // expect('/url').toBeCurrentRoute()
+    // expect('/url').toBeCurrentRoute()
+    // expect('/url').toHaveBeenRedirectedTo()
   })
 })

package.json

@@ -41,7 +41,7 @@
     "@size-limit/preset-small-lib": "^4.7.0",
     "@types/jest": "^26.0.15",
     "@types/jsdom": "^16.2.5",
-    "@vue/test-utils": "^2.0.0-beta.6",
+    "@vue/test-utils": "^2.0.0-beta.8",
     "codecov": "^3.8.1",
     "conventional-changelog-cli": "^2.1.1",
     "jest": "^26.5.3",
@@ -55,6 +55,7 @@
     "ts-jest": "^26.4.1",
     "typescript": "^4.0.5",
     "vue": "^3.0.2",
+    "vue-router": "^4.0.0-rc.1",
     "yorkie": "^2.0.0"
   },
   "gitHooks": {
@@ -75,7 +76,8 @@
     }
   ],
   "peerDependencies": {
-    "vue": "^3.0.0-beta.20"
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0-rc.1"
   },
   "repository": {
     "type": "git",

src/index.ts

@@ -1,10 +1,27 @@
 import { defineComponent, PropType, h } from 'vue'
+import { createRouter, createWebHashHistory } from 'vue-router'
+export { routeLocationKey, routerKey } from 'vue-router'
 
-/**
- * Returns true.
- */
-export function mylib() {
-  return true
+export function createMockedRouter() {
+  const router = createRouter({
+    history: createWebHashHistory(),
+    routes: [
+      {
+        path: '/:pathMatch(.*)*',
+        component: { render: () => null },
+      },
+    ],
+  })
+
+  router.push = jest.fn((to) => {
+    router.currentRoute.value = router.resolve(to)
+    // resolve pending navigation failure
+    return Promise.resolve()
+  })
+
+  // TODO: replace
+
+  return router
 }
 
 export const Component = defineComponent({

yarn.lock

@@ -857,7 +857,7 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.2.tgz#419bd85a2ebdbd4f42963e98c5a1b103452176d9"
   integrity sha512-Zx869zlNoujFOclKIoYmkh8ES2RcS/+Jn546yOiPyZ+3+Ejivnr+fb8l+DdXUEFjo+iVDNR3KyLzg03aBFfZ4Q==
 
-"@vue/test-utils@^2.0.0-beta.6":
+"@vue/test-utils@^2.0.0-beta.8":
   version "2.0.0-beta.8"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.0-beta.8.tgz#13be1a31f4d6d396e2a9d595d4e0f236421eba98"
   integrity sha512-ksQYCzBINZy9iSb9jCo3AbfTEQ2Xw7NEyGA07frqNZ3tHG4pBnnRrTi+zoS7wi89f41eyx2zVhAF/mvzDKNG2A==
@@ -8092,6 +8092,11 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
+vue-router@^4.0.0-rc.1:
+  version "4.0.0-rc.2"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.0-rc.2.tgz#8545cab76a05ca4f6dffbe6c6a671a4dbf585ab2"
+  integrity sha512-51mBp39rzBFpk1nyU9SkhPcwR67gBzWIH8p3pyeDmtNYgWzGF3q8MneD/xbMwsfTQkw2H1qBk6uwRaVy3M8Nxw==
+
 vue@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.2.tgz#9d5b7b2983f35e64a34d13c7c9d6831239feca3c"