Skip to content

Commit 42b770d

Browse files
Lara HarrowLuke Bowerman
Lara Harrow
authored and
Luke Bowerman
committed
fixed and updated tests
1 parent 7f20848 commit 42b770d

File tree

8 files changed

+862
-219
lines changed

8 files changed

+862
-219
lines changed

‎packages/components/src/Form/Fields/FieldSelect/__snapshots__/FieldSelect.test.tsx.snap‎

Lines changed: 240 additions & 95 deletions
Large diffs are not rendered by default.

‎packages/components/src/Form/Fields/FieldText/FieldText.test.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ test('A FieldText with validationMessage', () => {
8888
placeholder="placeholder"
8989
/>
9090
)
91-
expect(wrapper.text()).toMatch(`hellovalidation Message`)
91+
expect(wrapper.text()).toMatch(`helloWarningvalidation Message`)
9292
})
9393

9494
test('FieldText supports onChange handler', () => {

‎packages/components/src/Form/Fields/FieldText/__snapshots__/FieldText.test.tsx.snap‎

Lines changed: 83 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,33 @@
22

33
exports[`A FieldText with default label 1`] = `
44
.c4 {
5+
-webkit-align-items: center;
6+
-webkit-box-align: center;
7+
-ms-flex-align: center;
8+
align-items: center;
9+
background-color: #FFFFFF;
10+
display: -webkit-inline-box;
11+
display: -webkit-inline-flex;
12+
display: -ms-inline-flexbox;
13+
display: inline-flex;
514
height: 36px;
15+
-webkit-box-pack: space-evenly;
16+
-webkit-justify-content: space-evenly;
17+
-ms-flex-pack: space-evenly;
18+
justify-content: space-evenly;
19+
}
20+
21+
.c4 input {
22+
border: none;
23+
background: transparent;
24+
-webkit-flex: 1;
25+
-ms-flex: 1;
26+
flex: 1;
27+
font-size: 0.875rem;
28+
height: 100%;
29+
width: 100%;
30+
outline: none;
31+
padding: 0;
632
}
733
834
.c4::-webkit-input-placeholder {
@@ -54,21 +80,20 @@ exports[`A FieldText with default label 1`] = `
5480
}
5581
5682
.c0 {
57-
height: -webkit-fit-content;
58-
height: -moz-fit-content;
59-
height: fit-content;
60-
width: 100%;
6183
-webkit-align-items: left;
6284
-webkit-box-align: left;
6385
-ms-flex-align: left;
6486
align-items: left;
87+
display: grid;
88+
grid-template-areas: "label detail" "input input" "messages messages";
89+
height: -webkit-fit-content;
90+
height: -moz-fit-content;
91+
height: fit-content;
6592
-webkit-box-pack: justify;
6693
-webkit-justify-content: space-between;
6794
-ms-flex-pack: justify;
6895
justify-content: space-between;
69-
margin-bottom: 0.5rem;
70-
display: grid;
71-
grid-template-areas: "label detail" "input input" "messages messages";
96+
width: 100%;
7297
}
7398
7499
.c0 .c3 {
@@ -113,11 +138,15 @@ exports[`A FieldText with default label 1`] = `
113138
<div
114139
className="c3 "
115140
>
116-
<input
141+
<div
117142
className="c4 c5 "
118-
id="FieldTextID"
119-
type="text"
120-
/>
143+
onClick={[Function]}
144+
>
145+
<input
146+
id="FieldTextID"
147+
type="text"
148+
/>
149+
</div>
121150
</div>
122151
<div
123152
className="c6 "
@@ -127,7 +156,33 @@ exports[`A FieldText with default label 1`] = `
127156

128157
exports[`A FieldText with label inline 1`] = `
129158
.c4 {
159+
-webkit-align-items: center;
160+
-webkit-box-align: center;
161+
-ms-flex-align: center;
162+
align-items: center;
163+
background-color: #FFFFFF;
164+
display: -webkit-inline-box;
165+
display: -webkit-inline-flex;
166+
display: -ms-inline-flexbox;
167+
display: inline-flex;
130168
height: 36px;
169+
-webkit-box-pack: space-evenly;
170+
-webkit-justify-content: space-evenly;
171+
-ms-flex-pack: space-evenly;
172+
justify-content: space-evenly;
173+
}
174+
175+
.c4 input {
176+
border: none;
177+
background: transparent;
178+
-webkit-flex: 1;
179+
-ms-flex: 1;
180+
flex: 1;
181+
font-size: 0.875rem;
182+
height: 100%;
183+
width: 100%;
184+
outline: none;
185+
padding: 0;
131186
}
132187
133188
.c4::-webkit-input-placeholder {
@@ -196,22 +251,20 @@ exports[`A FieldText with label inline 1`] = `
196251
}
197252
198253
.c0 {
199-
height: -webkit-fit-content;
200-
height: -moz-fit-content;
201-
height: fit-content;
202-
width: 100%;
203254
-webkit-align-items: left;
204255
-webkit-box-align: left;
205256
-ms-flex-align: left;
206257
align-items: left;
258+
display: grid;
259+
grid-template-areas: "label input detail" ". messages messages";
260+
height: -webkit-fit-content;
261+
height: -moz-fit-content;
262+
height: fit-content;
207263
-webkit-box-pack: justify;
208264
-webkit-justify-content: space-between;
209265
-ms-flex-pack: justify;
210266
justify-content: space-between;
211-
margin-bottom: 0.5rem;
212-
display: grid;
213-
grid-template-areas: "label input detail" ". messages messages";
214-
grid-template-columns: 150px 1fr;
267+
width: 100%;
215268
}
216269
217270
.c0 .c3 {
@@ -228,11 +281,11 @@ exports[`A FieldText with label inline 1`] = `
228281
229282
.c0 .c1 {
230283
grid-area: label;
231-
text-align: right;
232-
line-height: 36px;
233-
justify-self: end;
234284
height: 36px;
285+
justify-self: end;
286+
line-height: 36px;
235287
padding-right: 0.75rem;
288+
width: 150px;
236289
}
237290
238291
.c0 .c9 {
@@ -264,11 +317,15 @@ exports[`A FieldText with label inline 1`] = `
264317
<div
265318
className="c3 "
266319
>
267-
<input
320+
<div
268321
className="c4 c5 "
269-
id="FieldTextID"
270-
type="text"
271-
/>
322+
onClick={[Function]}
323+
>
324+
<input
325+
id="FieldTextID"
326+
type="text"
327+
/>
328+
</div>
272329
</div>
273330
<div
274331
className="c6 "

‎packages/components/src/Form/Fields/FieldTextArea/__snapshots__/FieldTextArea.test.tsx.snap‎

Lines changed: 15 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -47,21 +47,20 @@ exports[`A FieldTextArea with default label 1`] = `
4747
}
4848
4949
.c0 {
50-
height: -webkit-fit-content;
51-
height: -moz-fit-content;
52-
height: fit-content;
53-
width: 100%;
5450
-webkit-align-items: left;
5551
-webkit-box-align: left;
5652
-ms-flex-align: left;
5753
align-items: left;
54+
display: grid;
55+
grid-template-areas: "label detail" "input input" "messages messages";
56+
height: -webkit-fit-content;
57+
height: -moz-fit-content;
58+
height: fit-content;
5859
-webkit-box-pack: justify;
5960
-webkit-justify-content: space-between;
6061
-ms-flex-pack: justify;
6162
justify-content: space-between;
62-
margin-bottom: 0.5rem;
63-
display: grid;
64-
grid-template-areas: "label detail" "input input" "messages messages";
63+
width: 100%;
6564
}
6665
6766
.c0 .c3 {
@@ -182,22 +181,20 @@ exports[`A FieldTextArea with label inline 1`] = `
182181
}
183182
184183
.c0 {
185-
height: -webkit-fit-content;
186-
height: -moz-fit-content;
187-
height: fit-content;
188-
width: 100%;
189184
-webkit-align-items: left;
190185
-webkit-box-align: left;
191186
-ms-flex-align: left;
192187
align-items: left;
188+
display: grid;
189+
grid-template-areas: "label input detail" ". messages messages";
190+
height: -webkit-fit-content;
191+
height: -moz-fit-content;
192+
height: fit-content;
193193
-webkit-box-pack: justify;
194194
-webkit-justify-content: space-between;
195195
-ms-flex-pack: justify;
196196
justify-content: space-between;
197-
margin-bottom: 0.5rem;
198-
display: grid;
199-
grid-template-areas: "label input detail" ". messages messages";
200-
grid-template-columns: 150px 1fr;
197+
width: 100%;
201198
}
202199
203200
.c0 .c3 {
@@ -214,11 +211,11 @@ exports[`A FieldTextArea with label inline 1`] = `
214211
215212
.c0 .c1 {
216213
grid-area: label;
217-
text-align: right;
218-
line-height: 36px;
219-
justify-self: end;
220214
height: 36px;
215+
justify-self: end;
216+
line-height: 36px;
221217
padding-right: 0.75rem;
218+
width: 150px;
222219
}
223220
224221
.c0 .c9 {

‎packages/components/src/Form/Fieldset/__snapshots__/Fieldset.test.tsx.snap‎

Lines changed: 59 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,33 @@
22

33
exports[`Fieldset with left aligned legend 1`] = `
44
.c7 {
5+
-webkit-align-items: center;
6+
-webkit-box-align: center;
7+
-ms-flex-align: center;
8+
align-items: center;
9+
background-color: #FFFFFF;
10+
display: -webkit-inline-box;
11+
display: -webkit-inline-flex;
12+
display: -ms-inline-flexbox;
13+
display: inline-flex;
514
height: 36px;
15+
-webkit-box-pack: space-evenly;
16+
-webkit-justify-content: space-evenly;
17+
-ms-flex-pack: space-evenly;
18+
justify-content: space-evenly;
19+
}
20+
21+
.c7 input {
22+
border: none;
23+
background: transparent;
24+
-webkit-flex: 1;
25+
-ms-flex: 1;
26+
flex: 1;
27+
font-size: 0.875rem;
28+
height: 100%;
29+
width: 100%;
30+
outline: none;
31+
padding: 0;
632
}
733
834
.c7::-webkit-input-placeholder {
@@ -54,21 +80,20 @@ exports[`Fieldset with left aligned legend 1`] = `
5480
}
5581
5682
.c3 {
57-
height: -webkit-fit-content;
58-
height: -moz-fit-content;
59-
height: fit-content;
60-
width: 100%;
6183
-webkit-align-items: left;
6284
-webkit-box-align: left;
6385
-ms-flex-align: left;
6486
align-items: left;
87+
display: grid;
88+
grid-template-areas: "label detail" "input input" "messages messages";
89+
height: -webkit-fit-content;
90+
height: -moz-fit-content;
91+
height: fit-content;
6592
-webkit-box-pack: justify;
6693
-webkit-justify-content: space-between;
6794
-ms-flex-pack: justify;
6895
justify-content: space-between;
69-
margin-bottom: 0.5rem;
70-
display: grid;
71-
grid-template-areas: "label detail" "input input" "messages messages";
96+
width: 100%;
7297
}
7398
7499
.c3 .c6 {
@@ -160,12 +185,16 @@ exports[`Fieldset with left aligned legend 1`] = `
160185
<div
161186
className="c6 "
162187
>
163-
<input
188+
<div
164189
className="c7 c8 "
165-
id="text-1"
166-
name="name1"
167-
type="text"
168-
/>
190+
onClick={[Function]}
191+
>
192+
<input
193+
id="text-1"
194+
name="name1"
195+
type="text"
196+
/>
197+
</div>
169198
</div>
170199
<div
171200
className="c9 "
@@ -186,12 +215,16 @@ exports[`Fieldset with left aligned legend 1`] = `
186215
<div
187216
className="c6 "
188217
>
189-
<input
218+
<div
190219
className="c7 c8 "
191-
id="text-2"
192-
name="name2"
193-
type="text"
194-
/>
220+
onClick={[Function]}
221+
>
222+
<input
223+
id="text-2"
224+
name="name2"
225+
type="text"
226+
/>
227+
</div>
195228
</div>
196229
<div
197230
className="c9 "
@@ -212,12 +245,16 @@ exports[`Fieldset with left aligned legend 1`] = `
212245
<div
213246
className="c6 "
214247
>
215-
<input
248+
<div
216249
className="c7 c8 "
217-
id="text-3"
218-
name="nam3"
219-
type="text"
220-
/>
250+
onClick={[Function]}
251+
>
252+
<input
253+
id="text-3"
254+
name="nam3"
255+
type="text"
256+
/>
257+
</div>
221258
</div>
222259
<div
223260
className="c9 "

0 commit comments

Comments
 (0)