Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 28cbd7b

Browse files
dgrahamdgraham
committed
Scope test selectors to auto-check children
1 parent ea49223 commit 28cbd7b

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

‎test/test.js

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -32,26 +32,26 @@ describe('auto-check element', function() {
3232
})
3333

3434
it('emits a send event on input', function(done) {
35-
const input = document.querySelector('input')
35+
const input = document.querySelector('auto-check input')
3636
input.addEventListener('auto-check-send', () => done())
3737
input.value = 'hub'
3838
input.dispatchEvent(new InputEvent('input'))
3939
})
4040

4141
it('emits a send event on change', function(done) {
42-
const input = document.querySelector('input')
42+
const input = document.querySelector('auto-check input')
4343
input.addEventListener('auto-check-send', () => done())
4444
triggerChange(input, 'hub')
4545
})
4646

4747
it('emits a success event when server returns a non error response', function(done) {
48-
const input = document.querySelector('input')
48+
const input = document.querySelector('auto-check input')
4949
input.addEventListener('auto-check-success', () => done())
5050
triggerChange(input, 'hub')
5151
})
5252

5353
it('emits a success event with message when server returns a non error response', async function() {
54-
const input = document.querySelector('input')
54+
const input = document.querySelector('auto-check input')
5555
triggerChange(input, 'hub')
5656
const event = await once(input, 'auto-check-success')
5757
const result = await event.detail.response.text()
@@ -60,7 +60,7 @@ describe('auto-check element', function() {
6060

6161
it('emits a error event when server returns a error response', async function() {
6262
const autoCheck = document.querySelector('auto-check')
63-
const input = document.querySelector('input')
63+
const input = autoCheck.querySelector('input')
6464
autoCheck.src = '/fail'
6565
triggerChange(input, 'hub')
6666
const event = await once(input, 'auto-check-error')
@@ -72,7 +72,7 @@ describe('auto-check element', function() {
7272
const autoCheck = document.querySelector('auto-check')
7373
autoCheck.src = '/fail'
7474
autoCheck.required = true
75-
const input = document.querySelector('input')
75+
const input = autoCheck.querySelector('input')
7676
const error = new Promise(resolve => {
7777
input.addEventListener('auto-check-error', event => {
7878
event.detail.setValidity('A custom error')
@@ -89,7 +89,7 @@ describe('auto-check element', function() {
8989
const autoCheck = document.querySelector('auto-check')
9090
autoCheck.src = '/fail'
9191
autoCheck.required = true
92-
const input = document.querySelector('input')
92+
const input = autoCheck.querySelector('input')
9393
const send = new Promise(resolve => {
9494
input.addEventListener('auto-check-send', event => {
9595
event.detail.setValidity('Checking with server')
@@ -103,11 +103,12 @@ describe('auto-check element', function() {
103103
})
104104

105105
it('sets input as invalid if input is required and not filled in', function() {
106-
document.querySelector('auto-check').required = true
107-
assert.isFalse(document.querySelector('input').checkValidity())
106+
const checker = document.querySelector('auto-check')
107+
checker.required = true
108+
assert.isFalse(checker.querySelector('input').checkValidity())
108109
})
109110

110-
it('sets input as invalid while the check request is inflight', async function() {
111+
it('sets input as invalid while the check request is in-flight', async function() {
111112
const checker = document.querySelector('auto-check')
112113
checker.required = true
113114
const input = checker.querySelector('input')
@@ -120,41 +121,40 @@ describe('auto-check element', function() {
120121
const autoCheck = document.querySelector('auto-check')
121122
autoCheck.required = true
122123
autoCheck.src = '/fail'
123-
const input = document.querySelector('input')
124+
const input = autoCheck.querySelector('input')
124125
triggerChange(input, 'hub')
125126
await once(input, 'auto-check-complete')
126-
assert.isFalse(document.querySelector('input').checkValidity())
127+
assert.isFalse(input.checkValidity())
127128
})
128129

129130
it('sets input as valid if the check request comes back with a success', async function() {
130131
const autoCheck = document.querySelector('auto-check')
131132
autoCheck.required = true
132-
const input = document.querySelector('input')
133+
const input = autoCheck.querySelector('input')
133134
triggerChange(input, 'hub')
134135
await once(input, 'auto-check-complete')
135-
assert.isTrue(document.querySelector('input').checkValidity())
136+
assert.isTrue(input.checkValidity())
136137
})
137138

138139
it('skips validation if required attribute is not present', async function() {
139140
const autoCheck = document.querySelector('auto-check')
140141
autoCheck.src = '/fail'
141-
const input = document.querySelector('input')
142+
const input = autoCheck.querySelector('input')
142143
input.value = 'hub'
143-
assert.isTrue(document.querySelector('input').checkValidity())
144+
assert.isTrue(input.checkValidity())
144145
input.dispatchEvent(new InputEvent('change'))
145146
await once(input, 'auto-check-complete')
146-
assert.isTrue(document.querySelector('input').checkValidity())
147+
assert.isTrue(input.checkValidity())
147148
})
148149

149150
it('emits a complete event at the end of the lifecycle', function(done) {
150-
const input = document.querySelector('input')
151+
const input = document.querySelector('auto-check input')
151152
input.addEventListener('auto-check-complete', () => done())
152153
triggerChange(input, 'hub')
153154
})
154155

155156
it('emits a send event before checking if there is a duplicate request', function(done) {
156-
const autoCheckElement = document.querySelector('auto-check')
157-
const input = autoCheckElement.querySelector('input')
157+
const input = document.querySelector('auto-check input')
158158

159159
let counter = 2
160160
input.addEventListener('auto-check-send', () => {
@@ -172,7 +172,7 @@ describe('auto-check element', function() {
172172

173173
it('handles plain text responses', async function() {
174174
const autoCheck = document.querySelector('auto-check')
175-
const input = document.querySelector('input')
175+
const input = autoCheck.querySelector('input')
176176
autoCheck.src = '/plaintext'
177177
triggerChange(input, 'hub')
178178
const event = await once(input, 'auto-check-success')

0 commit comments

Comments
 (0)