@@ -5,281 +5,6 @@ test.describe('input: highlights', () => {
5
5
test . beforeEach ( ( { skip } ) => {
6
6
skip . rtl ( ) ;
7
7
} ) ;
8
- < < < << << HEAD
9
-
10
- test . describe ( 'input: md' , ( ) => {
11
- test . beforeEach ( ( { skip } ) => {
12
- skip . mode ( 'ios' ) ;
13
- } ) ;
14
-
15
- test . describe ( 'input: no fill' , ( ) => {
16
- test ( 'should render valid state correctly' , async ( { page } ) => {
17
- await page . setContent ( `
18
- <ion-input
19
-
20
- class="ion-touched ion-valid"
21
- label="Email"
22
- error-text="Please enter a valid email"
23
- helper-text="Enter an email"
24
- counter="true"
25
- maxlength="20"
26
- ></ion-input>
27
- ` ) ;
28
-
29
- const input = page . locator ( 'ion-input' ) ;
30
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-no-fill-valid-${ page . getSnapshotSettings ( ) } .png` ) ;
31
- } ) ;
32
- test ( 'should render invalid state correctly' , async ( { page } ) => {
33
- await page . setContent ( `
34
- <ion-input
35
-
36
- class="ion-touched ion-invalid"
37
- label="Email"
38
- error-text="Please enter a valid email"
39
- helper-text="Enter an email"
40
- counter="true"
41
- maxlength="20"
42
- ></ion-input>
43
- ` ) ;
44
-
45
- const input = page . locator ( 'ion-input' ) ;
46
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-no-fill-invalid-${ page . getSnapshotSettings ( ) } .png` ) ;
47
- } ) ;
48
- test ( 'should render focused state correctly' , async ( { page } ) => {
49
- await page . setContent ( `
50
- <ion-input
51
-
52
- class="has-focus"
53
- label="Email"
54
- error-text="Please enter a valid email"
55
- helper-text="Enter an email"
56
- counter="true"
57
- maxlength="20"
58
- ></ion-input>
59
- ` ) ;
60
-
61
- const input = page . locator ( 'ion-input' ) ;
62
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-no-fill-focus-${ page . getSnapshotSettings ( ) } .png` ) ;
63
- } ) ;
64
- } ) ;
65
- test . describe ( 'input: solid' , ( ) => {
66
- test ( 'should render valid state correctly' , async ( { page } ) => {
67
- await page . setContent ( `
68
- <ion-input
69
- fill="solid"
70
-
71
- class="ion-touched ion-valid"
72
- label="Email"
73
- error-text="Please enter a valid email"
74
- helper-text="Enter an email"
75
- counter="true"
76
- maxlength="20"
77
- ></ion-input>
78
- ` ) ;
79
-
80
- const input = page . locator ( 'ion-input' ) ;
81
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-solid-valid-${ page . getSnapshotSettings ( ) } .png` ) ;
82
- } ) ;
83
- test ( 'should render invalid state correctly' , async ( { page } ) => {
84
- await page . setContent ( `
85
- <ion-input
86
- fill="solid"
87
-
88
- class="ion-touched ion-invalid"
89
- label="Email"
90
- error-text="Please enter a valid email"
91
- helper-text="Enter an email"
92
- counter="true"
93
- maxlength="20"
94
- ></ion-input>
95
- ` ) ;
96
-
97
- const input = page . locator ( 'ion-input' ) ;
98
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-solid-invalid-${ page . getSnapshotSettings ( ) } .png` ) ;
99
- } ) ;
100
- test ( 'should render focused state correctly' , async ( { page } ) => {
101
- await page . setContent ( `
102
- <ion-input
103
- fill="solid"
104
-
105
- class="has-focus"
106
- label="Email"
107
- error-text="Please enter a valid email"
108
- helper-text="Enter an email"
109
- counter="true"
110
- maxlength="20"
111
- ></ion-input>
112
- ` ) ;
113
-
114
- const input = page . locator ( 'ion-input' ) ;
115
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-solid-focus-${ page . getSnapshotSettings ( ) } .png` ) ;
116
- } ) ;
117
- } ) ;
118
- test . describe ( 'input: outline' , ( ) => {
119
- test ( 'should render valid state correctly' , async ( { page } ) => {
120
- await page . setContent ( `
121
- <ion-input
122
- fill="outline"
123
-
124
- class="ion-touched ion-valid"
125
- label="Email"
126
- error-text="Please enter a valid email"
127
- helper-text="Enter an email"
128
- counter="true"
129
- maxlength="20"
130
- ></ion-input>
131
- ` ) ;
132
-
133
- const input = page . locator ( 'ion-input' ) ;
134
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-outline-valid-${ page . getSnapshotSettings ( ) } .png` ) ;
135
- } ) ;
136
- test ( 'should render invalid state correctly' , async ( { page } ) => {
137
- await page . setContent ( `
138
- <ion-input
139
- fill="outline"
140
-
141
- class="ion-touched ion-invalid"
142
- label="Email"
143
- error-text="Please enter a valid email"
144
- helper-text="Enter an email"
145
- counter="true"
146
- maxlength="20"
147
- ></ion-input>
148
- ` ) ;
149
-
150
- const input = page . locator ( 'ion-input' ) ;
151
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-outline-invalid-${ page . getSnapshotSettings ( ) } .png` ) ;
152
- } ) ;
153
- test ( 'should render focused state correctly' , async ( { page } ) => {
154
- await page . setContent ( `
155
- <ion-input
156
- fill="outline"
157
-
158
- class="has-focus"
159
- label="Email"
160
- error-text="Please enter a valid email"
161
- helper-text="Enter an email"
162
- counter="true"
163
- maxlength="20"
164
- ></ion-input>
165
- ` ) ;
166
-
167
- const input = page . locator ( 'ion-input' ) ;
168
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-outline-focus-${ page . getSnapshotSettings ( ) } .png` ) ;
169
- } ) ;
170
- } ) ;
171
- } ) ;
172
- test . describe ( 'input: ios' , ( ) => {
173
- test . beforeEach ( ( { skip } ) => {
174
- skip . mode ( 'md' ) ;
175
- } ) ;
176
-
177
- test . describe ( 'input: no fill' , ( ) => {
178
- test ( 'should render valid state correctly' , async ( { page } ) => {
179
- await page . setContent ( `
180
- <ion-input
181
-
182
- class="ion-touched ion-valid"
183
- label="Email"
184
- error-text="Please enter a valid email"
185
- helper-text="Enter an email"
186
- counter="true"
187
- maxlength="20"
188
- ></ion-input>
189
- ` ) ;
190
-
191
- const input = page . locator ( 'ion-input' ) ;
192
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-no-fill-valid-${ page . getSnapshotSettings ( ) } .png` ) ;
193
- } ) ;
194
- test ( 'should render invalid state correctly' , async ( { page } ) => {
195
- await page . setContent ( `
196
- <ion-input
197
-
198
- class="ion-touched ion-invalid"
199
- label="Email"
200
- error-text="Please enter a valid email"
201
- helper-text="Enter an email"
202
- counter="true"
203
- maxlength="20"
204
- ></ion-input>
205
- ` ) ;
206
-
207
- const input = page . locator ( 'ion-input' ) ;
208
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-no-fill-invalid-${ page . getSnapshotSettings ( ) } .png` ) ;
209
- } ) ;
210
- } ) ;
211
- test . describe ( 'input: solid' , ( ) => {
212
- test ( 'should render valid state correctly' , async ( { page } ) => {
213
- await page . setContent ( `
214
- <ion-input
215
- fill="solid"
216
-
217
- class="ion-touched ion-valid"
218
- label="Email"
219
- error-text="Please enter a valid email"
220
- helper-text="Enter an email"
221
- counter="true"
222
- maxlength="20"
223
- ></ion-input>
224
- ` ) ;
225
-
226
- const input = page . locator ( 'ion-input' ) ;
227
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-solid-valid-${ page . getSnapshotSettings ( ) } .png` ) ;
228
- } ) ;
229
- test ( 'should render invalid state correctly' , async ( { page } ) => {
230
- await page . setContent ( `
231
- <ion-input
232
- fill="solid"
233
-
234
- class="ion-touched ion-invalid"
235
- label="Email"
236
- error-text="Please enter a valid email"
237
- helper-text="Enter an email"
238
- counter="true"
239
- maxlength="20"
240
- ></ion-input>
241
- ` ) ;
242
-
243
- const input = page . locator ( 'ion-input' ) ;
244
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-solid-invalid-${ page . getSnapshotSettings ( ) } .png` ) ;
245
- } ) ;
246
- } ) ;
247
- test . describe ( 'input: outline' , ( ) => {
248
- test ( 'should render valid state correctly' , async ( { page } ) => {
249
- await page . setContent ( `
250
- <ion-input
251
- fill="outline"
252
-
253
- class="ion-touched ion-valid"
254
- label="Email"
255
- error-text="Please enter a valid email"
256
- helper-text="Enter an email"
257
- counter="true"
258
- maxlength="20"
259
- ></ion-input>
260
- ` ) ;
261
-
262
- const input = page . locator ( 'ion-input' ) ;
263
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-outline-valid-${ page . getSnapshotSettings ( ) } .png` ) ;
264
- } ) ;
265
- test ( 'should render invalid state correctly' , async ( { page } ) => {
266
- await page . setContent ( `
267
- <ion-input
268
- fill="outline"
269
-
270
- class="ion-touched ion-invalid"
271
- label="Email"
272
- error-text="Please enter a valid email"
273
- helper-text="Enter an email"
274
- counter="true"
275
- maxlength="20"
276
- ></ion-input>
277
- ` ) ;
278
-
279
- const input = page . locator ( 'ion-input' ) ;
280
- expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-outline-invalid-${ page . getSnapshotSettings ( ) } .png` ) ;
281
- } ) ;
282
- = === ===
283
8
test . describe ( 'input: no fill' , ( ) => {
284
9
test ( 'should render valid state correctly' , async ( { page } ) => {
285
10
await page . setContent ( `
@@ -434,7 +159,6 @@ test.describe('input: highlights', () => {
434
159
435
160
const input = page . locator ( 'ion-input' ) ;
436
161
expect ( await input . screenshot ( ) ) . toMatchSnapshot ( `input-outline-focus-${ page . getSnapshotSettings ( ) } .png` ) ;
437
- > >>> >>> origin / FW - 2591
438
162
} ) ;
439
163
} ) ;
440
164
} ) ;
0 commit comments