Skip to content

Commit 45ee54f

Browse files
dfcookdfcook
committed
Updated libraries to latest
1 parent 9e363db commit 45ee54f

24 files changed

+828
-761
lines changed

‎.eslintrc.js

+5-1
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,10 @@ module.exports = {
2525
// allow paren-less arrow functions
2626
'arrow-parens': 0,
2727
// allow async-await
28-
'generator-star-spacing': 0
28+
'generator-star-spacing': 0,
29+
'vue/html-closing-bracket-newline': 0,
30+
'vue/html-closing-bracket-spacing': 0,
31+
'vue/multiline-html-element-content-newline': 0,
32+
'vue/singleline-html-element-content-newline': 0
2933
}
3034
}

‎package-lock.json

+346-277
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+11-11
Original file line numberDiff line numberDiff line change
@@ -27,19 +27,19 @@
2727
"author": "Daniel Cook",
2828
"license": "MIT",
2929
"dependencies": {
30-
"@vue/test-utils": "^1.0.0-beta.25",
31-
"babel-core": "^7.0.0-bridge.0",
32-
"dom-testing-library": "^3.12.4",
30+
"@vue/test-utils": "^1.0.0-beta.26",
31+
"dom-testing-library": "^3.13.0",
3332
"vue": "^2.5.17",
3433
"vue-template-compiler": "^2.5.17"
3534
},
3635
"devDependencies": {
37-
"@babel/cli": "^7.1.5",
38-
"@babel/core": "^7.1.6",
39-
"@babel/plugin-proposal-object-rest-spread": "^7.0.0",
40-
"@babel/plugin-transform-runtime": "^7.1.0",
41-
"@babel/preset-env": "^7.1.6",
36+
"@babel/cli": "^7.2.0",
37+
"@babel/core": "^7.2.0",
38+
"@babel/plugin-proposal-object-rest-spread": "^7.2.0",
39+
"@babel/plugin-transform-runtime": "^7.2.0",
40+
"@babel/preset-env": "^7.2.0",
4241
"axios": "^0.18.0",
42+
"babel-core": "^7.0.0-bridge.0",
4343
"babel-eslint": "^10.0.1",
4444
"babel-jest": "^23.6.0",
4545
"coveralls": "^3.0.2",
@@ -49,12 +49,12 @@
4949
"eslint-plugin-node": "^8.0.0",
5050
"eslint-plugin-promise": "^4.0.1",
5151
"eslint-plugin-standard": "^4.0.0",
52-
"eslint-plugin-vue": "^4.7.1",
52+
"eslint-plugin-vue": "^5.0.0",
5353
"jest": "^23.6.0",
5454
"jest-in-case": "^1.0.2",
5555
"jest-serializer-vue": "^2.0.2",
56-
"vee-validate": "^2.1.3",
57-
"vue-jest": "^3.0.0",
56+
"vee-validate": "^2.1.4",
57+
"vue-jest": "^3.0.1",
5858
"vue-router": "^3.0.2",
5959
"vuex": "^3.0.1"
6060
},

‎tests/__tests__/components/EndToEnd.vue

+38-38
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,38 @@
1-
<template>
2-
<div>
3-
<div v-if="loading">Loading...</div>
4-
<div
5-
v-else
6-
data-testid="message">
7-
Loaded this message: {{ data.returnedMessage }}
8-
</div>
9-
</div>
10-
</template>
11-
12-
<script>
13-
const fetchAMessage = () =>
14-
new Promise(resolve => {
15-
// we are using random timeout here to fireEvent a real-time example
16-
// of an async operation calling a callback at a non-deterministic time
17-
const randomTimeout = Math.floor(Math.random() * 100)
18-
setTimeout(() => {
19-
resolve({ returnedMessage: 'Hello World' })
20-
}, randomTimeout)
21-
})
22-
23-
export default {
24-
data () {
25-
return {
26-
loading: true,
27-
data: {
28-
returnedMessage: null
29-
}
30-
}
31-
},
32-
async mounted () {
33-
const data = await fetchAMessage()
34-
this.loading = false
35-
this.data = data
36-
}
37-
}
38-
</script>
1+
<template>
2+
<div>
3+
<div v-if="loading">Loading...</div>
4+
<div
5+
v-else
6+
data-testid="message">
7+
Loaded this message: {{ data.returnedMessage }}
8+
</div>
9+
</div>
10+
</template>
11+
12+
<script>
13+
const fetchAMessage = () =>
14+
new Promise(resolve => {
15+
// we are using random timeout here to fireEvent a real-time example
16+
// of an async operation calling a callback at a non-deterministic time
17+
const randomTimeout = Math.floor(Math.random() * 100)
18+
setTimeout(() => {
19+
resolve({ returnedMessage: 'Hello World' })
20+
}, randomTimeout)
21+
})
22+
23+
export default {
24+
data () {
25+
return {
26+
loading: true,
27+
data: {
28+
returnedMessage: null
29+
}
30+
}
31+
},
32+
async mounted () {
33+
const data = await fetchAMessage()
34+
this.loading = false
35+
this.data = data
36+
}
37+
}
38+
</script>

‎tests/__tests__/components/Fetch.vue

+38-38
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,38 @@
1-
<template>
2-
<div>
3-
<button
4-
data-testid="load-greeting"
5-
@click="fetch">
6-
Fetch
7-
</button>
8-
<span
9-
v-if="data"
10-
data-testid="greeting-text">{{ data.greeting }}</span>
11-
{{ data ? : null}
12-
</div>
13-
</template>
14-
15-
<script>
16-
import axios from 'axios'
17-
18-
export default {
19-
props: {
20-
url: {
21-
type: String,
22-
required: true
23-
}
24-
},
25-
data () {
26-
return {
27-
data: null
28-
}
29-
},
30-
methods: {
31-
fetch () {
32-
axios
33-
.get(this.url)
34-
.then(response => { this.data = response.data })
35-
}
36-
}
37-
}
38-
</script>
1+
<template>
2+
<div>
3+
<button
4+
data-testid="load-greeting"
5+
@click="fetch">
6+
Fetch
7+
</button>
8+
<span
9+
v-if="data"
10+
data-testid="greeting-text">{{ data.greeting }}</span>
11+
{{ data ? : null}
12+
</div>
13+
</template>
14+
15+
<script>
16+
import axios from 'axios'
17+
18+
export default {
19+
props: {
20+
url: {
21+
type: String,
22+
required: true
23+
}
24+
},
25+
data () {
26+
return {
27+
data: null
28+
}
29+
},
30+
methods: {
31+
fetch () {
32+
axios
33+
.get(this.url)
34+
.then(response => { this.data = response.data })
35+
}
36+
}
37+
}
38+
</script>

‎tests/__tests__/components/Login.vue

+47-47
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,47 @@
1-
<template>
2-
<div>
3-
<form @submit.prevent="submit">
4-
<label for="username-input">Username</label>
5-
<input
6-
id="username-input"
7-
v-model="username"
8-
data-testid="username-input"
9-
placeholder="Username..."
10-
name="username" >
11-
<label id="password-label">Password</label>
12-
<input
13-
v-model="password"
14-
placeholder="Password..."
15-
type="password"
16-
name="password"
17-
aria-labelledby="password-label"
18-
>
19-
<button type="submit">Submit</button>
20-
</form>
21-
</div>
22-
</template>
23-
24-
<script>
25-
export default {
26-
props: {
27-
onSubmit: {
28-
type: Function,
29-
required: true
30-
}
31-
},
32-
data () {
33-
return {
34-
username: '',
35-
password: ''
36-
}
37-
},
38-
methods: {
39-
submit () {
40-
this.onSubmit({
41-
username: this.username,
42-
password: this.password
43-
})
44-
}
45-
}
46-
}
47-
</script>
1+
<template>
2+
<div>
3+
<form @submit.prevent="submit">
4+
<label for="username-input">Username</label>
5+
<input
6+
id="username-input"
7+
v-model="username"
8+
data-testid="username-input"
9+
placeholder="Username..."
10+
name="username" >
11+
<label id="password-label">Password</label>
12+
<input
13+
v-model="password"
14+
placeholder="Password..."
15+
type="password"
16+
name="password"
17+
aria-labelledby="password-label"
18+
>
19+
<button type="submit">Submit</button>
20+
</form>
21+
</div>
22+
</template>
23+
24+
<script>
25+
export default {
26+
props: {
27+
onSubmit: {
28+
type: Function,
29+
required: true
30+
}
31+
},
32+
data () {
33+
return {
34+
username: '',
35+
password: ''
36+
}
37+
},
38+
methods: {
39+
submit () {
40+
this.onSubmit({
41+
username: this.username,
42+
password: this.password
43+
})
44+
}
45+
}
46+
}
47+
</script>

‎tests/__tests__/components/NumberDisplay.vue

+24-24
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
1-
<template>
2-
<div>
3-
<span data-testid="number-display">{{ number }}</span>
4-
<span data-testid="instance-id">{{ id }}</span>
5-
</div>
6-
</template>
7-
8-
<script>
9-
let idCounter = 1
10-
11-
export default {
12-
props: {
13-
number: {
14-
type: Number,
15-
required: true
16-
}
17-
},
18-
data () {
19-
return {
20-
id: idCounter++
21-
}
22-
}
23-
}
24-
</script>
1+
<template>
2+
<div>
3+
<span data-testid="number-display">{{ number }}</span>
4+
<span data-testid="instance-id">{{ id }}</span>
5+
</div>
6+
</template>
7+
8+
<script>
9+
let idCounter = 1
10+
11+
export default {
12+
props: {
13+
number: {
14+
type: Number,
15+
required: true
16+
}
17+
},
18+
data () {
19+
return {
20+
id: idCounter++
21+
}
22+
}
23+
}
24+
</script>

0 commit comments

Comments
 (0)