@@ -31,41 +31,35 @@ describe('auto-check element', function() {
31
31
document . body . innerHTML = ''
32
32
} )
33
33
34
- it ( 'emits a send event on input' , function ( done ) {
34
+ it ( 'emits send event on input' , function ( done ) {
35
35
const input = document . querySelector ( 'auto-check input' )
36
36
input . addEventListener ( 'auto-check-send' , ( ) => done ( ) )
37
37
input . value = 'hub'
38
38
input . dispatchEvent ( new InputEvent ( 'input' ) )
39
39
} )
40
40
41
- it ( 'emits a send event on change' , function ( done ) {
41
+ it ( 'emits send event on change' , function ( done ) {
42
42
const input = document . querySelector ( 'auto-check input' )
43
43
input . addEventListener ( 'auto-check-send' , ( ) => done ( ) )
44
44
triggerChange ( input , 'hub' )
45
45
} )
46
46
47
- it ( 'emits a success event when server returns a non error response' , function ( done ) {
48
- const input = document . querySelector ( 'auto-check input' )
49
- input . addEventListener ( 'auto-check-success' , ( ) => done ( ) )
50
- triggerChange ( input , 'hub' )
51
- } )
52
-
53
- it ( 'emits a success event with message when server returns a non error response' , async function ( ) {
47
+ it ( 'emits success event when server responds with 200 OK' , async function ( ) {
54
48
const input = document . querySelector ( 'auto-check input' )
55
49
triggerChange ( input , 'hub' )
56
50
const event = await once ( input , 'auto-check-success' )
57
51
const result = await event . detail . response . text ( )
58
- assert . deepEqual ( '{"text": " This is a warning"} ', result )
52
+ assert . equal ( ' This is a warning', result )
59
53
} )
60
54
61
- it ( 'emits a error event when server returns a error response' , async function ( ) {
55
+ it ( 'emits error event when server returns an error response' , async function ( ) {
62
56
const autoCheck = document . querySelector ( 'auto-check' )
63
57
const input = autoCheck . querySelector ( 'input' )
64
58
autoCheck . src = '/fail'
65
59
triggerChange ( input , 'hub' )
66
60
const event = await once ( input , 'auto-check-error' )
67
61
const result = await event . detail . response . text ( )
68
- assert . deepEqual ( '{"text": " This is a error"} ', result )
62
+ assert . equal ( ' This is an error', result )
69
63
} )
70
64
71
65
it ( 'customizes the error message' , async function ( ) {
@@ -102,13 +96,13 @@ describe('auto-check element', function() {
102
96
assert . equal ( 'Checking with server' , input . validationMessage )
103
97
} )
104
98
105
- it ( 'sets input as invalid if input is required and not filled in ' , function ( ) {
99
+ it ( 'sets required input as invalid when empty ' , function ( ) {
106
100
const checker = document . querySelector ( 'auto-check' )
107
101
checker . required = true
108
102
assert . isFalse ( checker . querySelector ( 'input' ) . checkValidity ( ) )
109
103
} )
110
104
111
- it ( 'sets input as invalid while the check request is in-flight' , async function ( ) {
105
+ it ( 'sets required input as invalid while the request is in-flight' , async function ( ) {
112
106
const checker = document . querySelector ( 'auto-check' )
113
107
checker . required = true
114
108
const input = checker . querySelector ( 'input' )
@@ -117,7 +111,7 @@ describe('auto-check element', function() {
117
111
assert . isFalse ( input . checkValidity ( ) )
118
112
} )
119
113
120
- it ( 'sets input as invalid if the check request comes back with a error ' , async function ( ) {
114
+ it ( 'sets required input as invalid on failed server response ' , async function ( ) {
121
115
const autoCheck = document . querySelector ( 'auto-check' )
122
116
autoCheck . required = true
123
117
autoCheck . src = '/fail'
@@ -127,7 +121,7 @@ describe('auto-check element', function() {
127
121
assert . isFalse ( input . checkValidity ( ) )
128
122
} )
129
123
130
- it ( 'sets input as valid if the check request comes back with a success ' , async function ( ) {
124
+ it ( 'sets required input as valid on successful server response ' , async function ( ) {
131
125
const autoCheck = document . querySelector ( 'auto-check' )
132
126
autoCheck . required = true
133
127
const input = autoCheck . querySelector ( 'input' )
@@ -147,13 +141,13 @@ describe('auto-check element', function() {
147
141
assert . isTrue ( input . checkValidity ( ) )
148
142
} )
149
143
150
- it ( 'emits a complete event at the end of the lifecycle' , function ( done ) {
144
+ it ( 'emits complete event at the end of the lifecycle' , function ( done ) {
151
145
const input = document . querySelector ( 'auto-check input' )
152
146
input . addEventListener ( 'auto-check-complete' , ( ) => done ( ) )
153
147
triggerChange ( input , 'hub' )
154
148
} )
155
149
156
- it ( 'emits a send event before checking if there is a duplicate request' , function ( done ) {
150
+ it ( 'emits send event before checking if there is a duplicate request' , function ( done ) {
157
151
const input = document . querySelector ( 'auto-check input' )
158
152
159
153
let counter = 2
@@ -169,28 +163,6 @@ describe('auto-check element', function() {
169
163
input . dispatchEvent ( new InputEvent ( 'change' ) )
170
164
input . dispatchEvent ( new InputEvent ( 'change' ) )
171
165
} )
172
-
173
- it ( 'handles plain text responses' , async function ( ) {
174
- const autoCheck = document . querySelector ( 'auto-check' )
175
- const input = autoCheck . querySelector ( 'input' )
176
- autoCheck . src = '/plaintext'
177
- triggerChange ( input , 'hub' )
178
- const event = await once ( input , 'auto-check-success' )
179
- const result = await event . detail . response . text ( )
180
- assert . deepEqual ( 'This is a warning' , result )
181
- } )
182
-
183
- describe ( '`auto-check-error` event' , async function ( ) {
184
- it ( 'includes `Content-Type` header in event payload' , async function ( ) {
185
- const autoCheck = document . querySelector ( 'auto-check' )
186
- const input = document . querySelector ( 'input' )
187
- autoCheck . src = '/fail'
188
- triggerChange ( input , 'hub' )
189
- const event = await once ( input , 'auto-check-error' )
190
- const contentType = event . detail . response . headers . get ( 'Content-Type' )
191
- assert . equal ( 'application/json' , contentType )
192
- } )
193
- } )
194
166
} )
195
167
} )
196
168
0 commit comments