Rename main file to properly get types

Author: afontcu

.eslintrc.js

@@ -1,4 +1,7 @@
 module.exports = {
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+  },
   extends: [
     './node_modules/kcd-scripts/eslint.js',
     'plugin:vue/vue3-recommended',

README.md

@@ -171,8 +171,7 @@ light-weight, simple, and understandable.
 
 ## Typings
 
-The TypeScript type definitions are in the [DefinitelyTyped repo][types] and
-bundled with Vue Testing Library.
+The TypeScript type definitions are in the [types][types-directory] directory.
 
 ## ESLint support
 
@@ -247,7 +246,6 @@ instead of filing an issue on GitHub.
 [license]: https://github.com/testing-library/vue-testing-library/blob/master/LICENSE
 [discord]: https://testing-library.com/discord
 [discord-badge]: https://img.shields.io/discord/723559267868737556.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2&style=flat-square
-[types]: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/testing-library__vue
 [jest-dom]: https://github.com/testing-library/jest-dom
 [which-query]: https://testing-library.com/docs/guide-which-query
 [guiding-principle]: https://twitter.com/kentcdodds/status/977018512689455106
@@ -261,6 +259,7 @@ instead of filing an issue on GitHub.
 [add-issue-bug]: https://github.com/testing-library/vue-testing-library/issues/new?assignees=&labels=bug&template=bug_report.md&title=
 [add-issue]: (https://github.com/testing-library/vue-testing-library/issues/new)
 
+[types-directory]: https://github.com/testing-library/vue-testing-library/blob/master/types
 [test-directory]: https://github.com/testing-library/vue-testing-library/blob/master/src/__tests__
 [vuex-example]: https://github.com/testing-library/vue-testing-library/blob/master/src/__tests__/vuex.js
 [vue-router-example]: https://github.com/testing-library/vue-testing-library/blob/master/src/__tests__/vue-router.js

jest.config.js

@@ -4,9 +4,6 @@ const config = require('kcd-scripts/jest')
 module.exports = merge(config, {
   testEnvironment: 'jsdom',
   moduleFileExtensions: ['js', 'vue'],
-  moduleNameMapper: {
-    '@testing-library/vue': '<rootDir>/src/vue-testing-library.js',
-  },
   coverageDirectory: './coverage',
   collectCoverageFrom: ['**/src/**/*.js', '!**/src/__tests__/**'],
   transform: {

package.json

@@ -2,20 +2,23 @@
   "name": "@testing-library/vue",
   "version": "0.0.0-semantically-released",
   "description": "Simple and complete Vue DOM testing utilities that encourage good testing practices.",
-  "main": "dist/vue-testing-library.js",
+  "main": "dist/index.js",
+  "types": "types/index.d.ts",
   "scripts": {
     "format": "kcd-scripts format",
     "build": "kcd-scripts build",
     "lint": "kcd-scripts lint",
     "test": "kcd-scripts test",
     "test:update": "npm test -- --updateSnapshot --coverage",
     "validate": "kcd-scripts validate",
+    "typecheck": "dtslint ./types/",
     "setup": "npm install && npm run validate -s"
   },
   "engines": {
     "node": ">10.18"
   },
   "files": [
+    "types",
     "dist",
     "cleanup-after-each.js"
   ],
@@ -53,11 +56,13 @@
     "@babel/plugin-transform-runtime": "^7.12.1",
     "@testing-library/jest-dom": "^5.11.5",
     "@testing-library/user-event": "^12.2.2",
+    "@types/estree": "0.0.45",
     "@vue/compiler-sfc": "^3.0.2",
     "apollo-boost": "^0.4.9",
     "apollo-cache-inmemory": "^1.6.6",
     "apollo-client": "^2.6.10",
     "axios": "^0.20.0",
+    "dtslint": "^4.0.6",
     "eslint-plugin-vue": "^7.1.0",
     "graphql": "^15.4.0",
     "graphql-tag": "^2.11.0",

src/__tests__/auto-cleanup.js

@@ -1,4 +1,4 @@
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import '@testing-library/jest-dom'
 
 // This verifies that by importing VTL in an environment which supports

src/__tests__/axios-mock.js

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom'
 import axiosMock from 'axios'
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import Component from './components/Fetch.vue'
 
 test('mocks an API call when load-greeting is clicked', async () => {

src/__tests__/cleanup-throw.js

@@ -1,6 +1,6 @@
 test.todo('check if this test still makes sense')
 
-// import {render, cleanup} from '@testing-library/vue'
+// import {render, cleanup} from '..'
 // import {nextTick} from 'vue'
 
 // test('cleanup re-throws errors from async lifecycle hooks', async () => {

src/__tests__/debug.js

@@ -1,5 +1,5 @@
 /* eslint-disable testing-library/no-debug */
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import HelloWorld from './components/HelloWorld'
 
 beforeEach(() => {

src/__tests__/directive.js

@@ -1,4 +1,4 @@
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import '@testing-library/jest-dom'
 import {uppercaseDirective} from './directives/uppercase-directive'
 import ComponentUsingDirective from './components/Directive'

src/__tests__/disappearance.js

@@ -1,4 +1,4 @@
-import {render, waitForElementToBeRemoved} from '@testing-library/vue'
+import {render, waitForElementToBeRemoved} from '..'
 import Disappearance from './components/Disappearance'
 import '@testing-library/jest-dom'
 

src/__tests__/fire-event.js

@@ -1,5 +1,5 @@
 import {h} from 'vue'
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import Button from './components/Button'
 
 const eventTypes = [

src/__tests__/form.js

@@ -1,4 +1,4 @@
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import '@testing-library/jest-dom'
 import Form from './components/Form'
 

src/__tests__/functional.js

@@ -1,4 +1,4 @@
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import '@testing-library/jest-dom'
 import {h} from 'vue'
 

src/__tests__/render.js

@@ -1,4 +1,4 @@
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import '@testing-library/jest-dom'
 
 test('baseElement defaults to document.body', () => {

src/__tests__/rerender.js

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom'
 import {defineComponent, h, computed} from 'vue'
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import NumberDisplay from './components/NumberDisplay'
 
 // It'd probably be better if you test the component that's doing the rerendering

src/__tests__/select.js

@@ -1,4 +1,4 @@
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import '@testing-library/jest-dom'
 import Select from './components/Select'
 

src/__tests__/simple-button.js

@@ -1,4 +1,4 @@
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import Button from './components/Button'
 import '@testing-library/jest-dom'
 

src/__tests__/slots.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom'
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import Card from './components/Card'
 
 // Usage is the same as Vue Test Utils, since slots values are passed using the `slots`

src/__tests__/stopwatch.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom'
-import {render, waitFor, fireEvent} from '@testing-library/vue'
+import {render, waitFor, fireEvent} from '..'
 import StopWatch from './components/StopWatch.vue'
 
 const sleep = ms =>

src/__tests__/stubs.js

@@ -1,4 +1,4 @@
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import '@testing-library/jest-dom'
 import Stubs from './components/Stubs'
 

src/__tests__/user-event.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom'
-import {render} from '@testing-library/vue'
+import {render} from '..'
 import userEvent from '@testing-library/user-event'
 import Form from './components/Form'
 import Select from './components/Select'

src/__tests__/validate-plugin.js

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom'
 
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import VeeValidate from './components/Validate'
 
 test('can validate using plugin', async () => {

src/__tests__/visibility.js

@@ -1,4 +1,4 @@
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import '@testing-library/jest-dom'
 import Collapsible from './components/Collapsible'
 

src/__tests__/vue-apollo.js

@@ -1,7 +1,7 @@
 test.todo('Your test suite must contain at least one test.')
 // import '@testing-library/jest-dom'
 // import fetch from 'isomorphic-unfetch'
-// import {render, fireEvent, screen} from '@testing-library/vue'
+// import {render, fireEvent, screen} from '..'
 // import VueApollo from 'vue-apollo'
 // import {InMemoryCache} from 'apollo-cache-inmemory'
 // import ApolloClient from 'apollo-boost'

src/__tests__/vue-i18n.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom'
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import {createI18n} from 'vue-i18n'
 import Translations from './components/Translations'
 

src/__tests__/vue-portal.js

@@ -1,6 +1,6 @@
 test.todo('Your test suite must contain at least one test.')
 
-// import {render, waitFor} from '@testing-library/vue'
+// import {render, waitFor} from '..'
 // import '@testing-library/jest-dom/extend-expect'
 // import PortalVue from 'portal-vue'
 

src/__tests__/vue-router-mocha.js

@@ -1,7 +1,7 @@
 test.todo('Your test suite must contain at least one test.')
 
 // import '@testing-library/jest-dom'
-// import {render} from '@testing-library/vue'
+// import {render} from '..'
 
 // import About from './components/Router/About.vue'
 

src/__tests__/vue-router.js

@@ -5,7 +5,7 @@ test.todo('Your test suite must contain at least one test.')
 // // Related issue on Vue Test Utils: https://github.com/vuejs/vue-test-utils-next/issues/152
 
 // import '@testing-library/jest-dom'
-// import {render, fireEvent} from '@testing-library/vue'
+// import {render, fireEvent} from '..'
 // import App from './components/Router/App.vue'
 // import Home from './components/Router/Home.vue'
 // import About from './components/Router/About.vue'

src/__tests__/vueI18n.js

@@ -1,7 +1,7 @@
 test.todo('Your test suite must contain at least one test.')
 
 // import '@testing-library/jest-dom'
-// import {render, fireEvent} from '@testing-library/vue'
+// import {render, fireEvent} from '..'
 // import Vuei18n from 'vue-i18n'
 // import VueI18n from './components/VueI18n'
 

src/__tests__/vuetify.js

@@ -1,7 +1,7 @@
 test.todo('Your test suite must contain at least one test.')
 // import '@testing-library/jest-dom'
 // import Vue from 'vue'
-// import {render, fireEvent} from '@testing-library/vue'
+// import {render, fireEvent} from '..'
 // import Vuetify from 'vuetify'
 // import VuetifyDemoComponent from './components/Vuetify'
 

src/__tests__/vuex.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom'
-import {render, fireEvent} from '@testing-library/vue'
+import {render, fireEvent} from '..'
 import VuexTest from './components/Store/VuexTest'
 import {store} from './components/Store/store'
 

src/__tests__/within.js

@@ -1,4 +1,4 @@
-import {render, within} from '@testing-library/vue'
+import {render, within} from '..'
 
 test('within() returns an object with all queries bound to the DOM node', () => {
   const {getByTestId, getByText} = render({