Skip to content

Commit 850bd4c

Browse files
afontcuafontcu
authored
feat(screen): add screen export from DTL + Update deps (#121)
* Bump versions * Add warning on veevalidate 2.X usage * Use newest jest-dom import syntax * Fix formatting
1 parent cd4deb8 commit 850bd4c

23 files changed

+9912
-6402
lines changed

Diff for: ‎.github/ISSUE_TEMPLATE/bug_report.md

+2-4
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,9 @@ assignees: ''
2020
repository instead. Thanks :)
2121
--->
2222

23-
**Describe the bug**
24-
A clear and concise description of what the bug is.
23+
**Describe the bug** A clear and concise description of what the bug is.
2524

26-
**To Reproduce**
27-
Steps to reproduce the behavior:
25+
**To Reproduce** Steps to reproduce the behavior:
2826

2927
<!-- Please try to provide a working demo using Codesandbox, a GitHub repo or similar! -->
3028

Diff for: ‎.prettierrc.js

+7-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
module.exports = {
2-
proseWrap: 'always',
2+
printWidth: 80,
3+
tabWidth: 2,
4+
useTabs: false,
35
semi: false,
46
singleQuote: true,
7+
trailingComma: 'all',
8+
bracketSpacing: false,
9+
jsxBracketSameLine: false,
10+
proseWrap: 'always',
511
}

Diff for: ‎README.md

+6-5
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
- [More examples](#more-examples)
4747
- [Docs](#docs)
4848
- [Typings](#typings)
49-
- [ESLint](#eslint-support)
49+
- [ESLint support](#eslint-support)
5050
- [License](#license)
5151
- [Contributors](#contributors)
5252

@@ -137,13 +137,14 @@ Feel free to contribute with more examples!
137137

138138
## Typings
139139

140-
The TypeScript type definitions are in the
141-
[DefinitelyTyped repo][types]
142-
and bundled with Vue Testing Library.
140+
The TypeScript type definitions are in the [DefinitelyTyped repo][types] and
141+
bundled with Vue Testing Library.
143142

144143
## ESLint support
145144

146-
If you want to lint test files that use Vue Testing Library, you can use the official plugin: [eslint-plugin-testing-library](https://github.com/Belco90/eslint-plugin-testing-library).
145+
If you want to lint test files that use Vue Testing Library, you can use the
146+
official plugin:
147+
[eslint-plugin-testing-library](https://github.com/Belco90/eslint-plugin-testing-library).
147148

148149
## License
149150

Diff for: ‎package-lock.json

+9,862-6,358
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+16-16
Original file line numberDiff line numberDiff line change
@@ -37,27 +37,27 @@
3737
"author": "Daniel Cook",
3838
"license": "MIT",
3939
"dependencies": {
40-
"@babel/runtime": "^7.5.5",
41-
"@testing-library/dom": "^6.0.0",
40+
"@babel/runtime": "^7.8.4",
41+
"@testing-library/dom": "^6.13.0",
4242
"@types/testing-library__vue": "*",
43-
"@vue/test-utils": "^1.0.0-beta.29"
43+
"@vue/test-utils": "^1.0.0-beta.31"
4444
},
4545
"devDependencies": {
46-
"@babel/plugin-transform-runtime": "^7.5.5",
47-
"@testing-library/jest-dom": "^4.0.0",
48-
"axios": "^0.19.0",
49-
"eslint-plugin-vue": "^5.2.3",
46+
"@babel/plugin-transform-runtime": "^7.8.3",
47+
"@testing-library/jest-dom": "^5.1.1",
48+
"axios": "^0.19.2",
49+
"eslint-plugin-vue": "^6.2.1",
5050
"jest-serializer-vue": "^2.0.2",
51-
"kcd-scripts": "^1.7.0",
51+
"kcd-scripts": "^5.3.0",
5252
"lodash.merge": "^4.6.2",
53-
"vee-validate": "^2.2.13",
54-
"vue": "^2.6.10",
55-
"vue-i18n": "^8.13.0",
56-
"vue-jest": "^3.0.4",
57-
"vue-router": "^3.1.2",
58-
"vue-template-compiler": "^2.6.10",
59-
"vuetify": "^2.0.19",
60-
"vuex": "^3.1.1"
53+
"vee-validate": "^2.2.15",
54+
"vue": "^2.6.11",
55+
"vue-i18n": "^8.15.4",
56+
"vue-jest": "^4.0.0-beta.2",
57+
"vue-router": "^3.1.6",
58+
"vue-template-compiler": "^2.6.11",
59+
"vuetify": "^2.2.15",
60+
"vuex": "^3.1.2"
6161
},
6262
"peerDependencies": {
6363
"vue": "^2.6.10",

Diff for: ‎src/__tests__/auto-cleanup.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {render} from '@testing-library/vue'
2-
import '@testing-library/jest-dom/extend-expect'
2+
import '@testing-library/jest-dom'
33

44
// This just verifies that by importing VTL in an environment which supports
55
// afterEach (like jest) we'll get automatic cleanup between tests.

Diff for: ‎src/__tests__/axios-mock.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import axiosMock from 'axios'
33
import {render, fireEvent} from '@testing-library/vue'
44
import Component from './components/Fetch.vue'

Diff for: ‎src/__tests__/directive.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {render} from '@testing-library/vue'
2-
import '@testing-library/jest-dom/extend-expect'
2+
import '@testing-library/jest-dom'
33
import {uppercaseDirective} from './directives/uppercase-directive'
44
import Directive from './components/Directive'
55

Diff for: ‎src/__tests__/disappearance.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {render, waitForElementToBeRemoved} from '@testing-library/vue'
22
import Disappearance from './components/Disappearance'
3-
import '@testing-library/jest-dom/extend-expect'
3+
import '@testing-library/jest-dom'
44

55
test('waits for the data to be loaded', async () => {
66
const {getByText, queryByText, queryByTestId} = render(Disappearance)

Diff for: ‎src/__tests__/form.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {render, fireEvent} from '@testing-library/vue'
2-
import '@testing-library/jest-dom/extend-expect'
2+
import '@testing-library/jest-dom'
33
import Form from './components/Form'
44

55
// In this test we showcase several ways of targetting DOM elements.

Diff for: ‎src/__tests__/render.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {render} from '@testing-library/vue'
2-
import '@testing-library/jest-dom/extend-expect'
2+
import '@testing-library/jest-dom'
33

44
test('baseElement defaults to document.body', () => {
55
const {baseElement} = render({template: '<div />'})

Diff for: ‎src/__tests__/select.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {render, fireEvent} from '@testing-library/vue'
2-
import '@testing-library/jest-dom/extend-expect'
2+
import '@testing-library/jest-dom'
33
import Select from './components/Select'
44

55
// In this test file we showcase several ways to interact with a Select element.

Diff for: ‎src/__tests__/simple-button.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {render, fireEvent} from '@testing-library/vue'
22
import Button from './components/Button'
3-
import '@testing-library/jest-dom/extend-expect'
3+
import '@testing-library/jest-dom'
44

55
test('renders button with text', () => {
66
const text = "Click me; I'm sick"

Diff for: ‎src/__tests__/slots.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render} from '@testing-library/vue'
33
import Card from './components/Card'
44

Diff for: ‎src/__tests__/stopwatch.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render, wait, fireEvent} from '@testing-library/vue'
33
import StopWatch from './components/StopWatch.vue'
44

Diff for: ‎src/__tests__/update-props.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render} from '@testing-library/vue'
33
import NumberDisplay from './components/NumberDisplay.vue'
44

Diff for: ‎src/__tests__/validate-plugin.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1+
// Notice this example is using vee-validate v2.X
12
import VeeValidate from 'vee-validate'
2-
import '@testing-library/jest-dom/extend-expect'
3+
import '@testing-library/jest-dom'
34

45
import {render, fireEvent} from '@testing-library/vue'
56
import Validate from './components/Validate'

Diff for: ‎src/__tests__/visibility.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {render, fireEvent} from '@testing-library/vue'
2-
import '@testing-library/jest-dom/extend-expect'
2+
import '@testing-library/jest-dom'
33
import Collapsible from './components/Collapsible'
44

55
// Using the query `getByText` here is completely right because

Diff for: ‎src/__tests__/vue-i18n.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render, fireEvent} from '@testing-library/vue'
33
import Vuei18n from 'vue-i18n'
44
import Translations from './components/Translations'

Diff for: ‎src/__tests__/vue-router.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render, fireEvent} from '@testing-library/vue'
33

44
import App from './components/Router/App.vue'

Diff for: ‎src/__tests__/vueI18n.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render, fireEvent} from '@testing-library/vue'
33
import Vuei18n from 'vue-i18n'
44
import VueI18n from './components/VueI18n'

Diff for: ‎src/__tests__/vuetify.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Vue.use(Vuetify)
1313
// Custom render wrapper to integrate Vuetify with Vue Testing Library.
1414
// Vuetify requires you to wrap your app with a v-app component that provides
1515
// a <div data-app="true"> node.
16-
export const renderWithVuetify = (component, options, callback) => {
16+
const renderWithVuetify = (component, options, callback) => {
1717
return render(
1818
// anonymous component
1919
{

Diff for: ‎src/__tests__/vuex.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import '@testing-library/jest-dom/extend-expect'
1+
import '@testing-library/jest-dom'
22
import {render, fireEvent} from '@testing-library/vue'
33

44
import VuexTest from './components/Store/VuexTest'

0 commit comments

Comments
 (0)