Skip to content

Commit eae4132

Browse files
rugoncalvesrugoncalves
committed
Improving tests
1 parent 49e8b35 commit eae4132

File tree

2 files changed

+36
-0
lines changed

2 files changed

+36
-0
lines changed

‎core/src/components/textarea/test/rows/index.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@ <h2>Rows: 3</h2>
5252
rows="3"
5353
label="Comments"
5454
label-placement="stacked"
55+
helper-text="rows=3, label-placement=stacked"
5556
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
5657
></ion-textarea>
5758
</div>
@@ -62,6 +63,7 @@ <h2>Rows: 2</h2>
6263
rows="2"
6364
label="Small"
6465
label-placement="stacked"
66+
helper-text="rows=2, label-placement=stacked"
6567
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
6668
></ion-textarea>
6769
</div>
@@ -72,6 +74,7 @@ <h2>Rows: 5</h2>
7274
rows="5"
7375
label="Medium"
7476
label-placement="stacked"
77+
helper-text="rows=5, label-placement=stacked"
7578
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
7679
></ion-textarea>
7780
</div>
@@ -82,6 +85,7 @@ <h2>Rows: 8</h2>
8285
rows="8"
8386
label="Large"
8487
label-placement="stacked"
88+
helper-text="rows=8, label-placement=stacked"
8589
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
8690
></ion-textarea>
8791
</div>
@@ -93,6 +97,7 @@ <h2>Rows: 4, Fill Outline</h2>
9397
fill="outline"
9498
label="Outline"
9599
label-placement="stacked"
100+
helper-text="rows=4, fill=outline, label-placement=stacked"
96101
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
97102
></ion-textarea>
98103
</div>
@@ -104,6 +109,7 @@ <h2>Rows: 4, Fill Solid</h2>
104109
fill="solid"
105110
label="Solid"
106111
label-placement="stacked"
112+
helper-text="rows=4, fill=solid, label-placement=stacked"
107113
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
108114
></ion-textarea>
109115
</div>
@@ -115,6 +121,7 @@ <h2>Rows: 3, Size Small</h2>
115121
size="small"
116122
label="Small Size"
117123
label-placement="stacked"
124+
helper-text="rows=3, size=small, label-placement=stacked"
118125
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
119126
></ion-textarea>
120127
</div>
@@ -126,6 +133,7 @@ <h2>Rows: 3, Size Medium</h2>
126133
size="medium"
127134
label="Medium Size"
128135
label-placement="stacked"
136+
helper-text="rows=3, size=medium, label-placement=stacked"
129137
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
130138
></ion-textarea>
131139
</div>
@@ -137,6 +145,7 @@ <h2>Rows: 3, Size Large</h2>
137145
size="large"
138146
label="Large Size"
139147
label-placement="stacked"
148+
helper-text="rows=3, size=large, label-placement=stacked"
140149
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
141150
></ion-textarea>
142151
</div>
@@ -148,6 +157,7 @@ <h2>Rows: 3, Auto-grow</h2>
148157
auto-grow="true"
149158
label="Comments"
150159
label-placement="stacked"
160+
helper-text="rows=3, auto-grow=true, label-placement=stacked"
151161
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
152162
></ion-textarea>
153163
</div>
@@ -159,6 +169,7 @@ <h2>Rows: 3, Label Start</h2>
159169
fill="outline"
160170
label="Start"
161171
label-placement="start"
172+
helper-text="rows=3, fill=outline, label-placement=start"
162173
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
163174
></ion-textarea>
164175
</div>
@@ -170,6 +181,7 @@ <h2>Rows: 3, Label End</h2>
170181
fill="outline"
171182
label="End"
172183
label-placement="end"
184+
helper-text="rows=3, fill=outline, label-placement=end"
173185
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
174186
></ion-textarea>
175187
</div>
@@ -181,6 +193,7 @@ <h2>Rows: 3, Label Floating</h2>
181193
fill="outline"
182194
label="Floating"
183195
label-placement="floating"
196+
helper-text="rows=3, fill=outline, label-placement=floating"
184197
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
185198
></ion-textarea>
186199
</div>
@@ -192,6 +205,7 @@ <h2>Rows: 3, Label Fixed</h2>
192205
fill="outline"
193206
label="Fixed"
194207
label-placement="fixed"
208+
helper-text="rows=3, fill=outline, label-placement=fixed"
195209
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
196210
></ion-textarea>
197211
</div>
@@ -204,6 +218,7 @@ <h2>Rows: 3, Shape Soft</h2>
204218
fill="outline"
205219
label="Soft"
206220
label-placement="stacked"
221+
helper-text="rows=3, shape=soft, fill=outline, label-placement=stacked"
207222
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
208223
></ion-textarea>
209224
</div>
@@ -216,6 +231,7 @@ <h2>Rows: 3, Shape Round</h2>
216231
fill="outline"
217232
label="Round"
218233
label-placement="stacked"
234+
helper-text="rows=3, shape=round, fill=outline, label-placement=stacked"
219235
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
220236
></ion-textarea>
221237
</div>
@@ -228,6 +244,7 @@ <h2>Rows: 3, Shape Rectangular</h2>
228244
fill="outline"
229245
label="Rectangular"
230246
label-placement="stacked"
247+
helper-text="rows=3, shape=rectangular, fill=outline, label-placement=stacked"
231248
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
232249
></ion-textarea>
233250
</div>

‎core/src/components/textarea/test/rows/textarea.e2e.ts‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
1414
rows="3"
1515
label="Comments"
1616
label-placement="stacked"
17+
helper-text="rows=3, label-placement=stacked"
1718
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
1819
></ion-textarea>
1920
`,
@@ -32,18 +33,21 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
3233
rows="2"
3334
label="Small"
3435
label-placement="stacked"
36+
helper-text="rows=2, label-placement=stacked"
3537
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
3638
></ion-textarea>
3739
<ion-textarea
3840
rows="5"
3941
label="Medium"
4042
label-placement="stacked"
43+
helper-text="rows=5, label-placement=stacked"
4144
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
4245
></ion-textarea>
4346
<ion-textarea
4447
rows="8"
4548
label="Large"
4649
label-placement="stacked"
50+
helper-text="rows=8, label-placement=stacked"
4751
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
4852
></ion-textarea>
4953
</div>
@@ -64,13 +68,15 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
6468
fill="outline"
6569
label="Outline"
6670
label-placement="stacked"
71+
helper-text="rows=4, fill=outline, label-placement=stacked"
6772
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
6873
></ion-textarea>
6974
<ion-textarea
7075
rows="4"
7176
fill="solid"
7277
label="Solid"
7378
label-placement="stacked"
79+
helper-text="rows=4, fill=solid, label-placement=stacked"
7480
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
7581
></ion-textarea>
7682
</div>
@@ -91,20 +97,23 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
9197
size="small"
9298
label="Small Size"
9399
label-placement="stacked"
100+
helper-text="rows=3, size=small, label-placement=stacked"
94101
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
95102
></ion-textarea>
96103
<ion-textarea
97104
rows="3"
98105
size="medium"
99106
label="Medium Size"
100107
label-placement="stacked"
108+
helper-text="rows=3, size=medium, label-placement=stacked"
101109
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
102110
></ion-textarea>
103111
<ion-textarea
104112
rows="3"
105113
size="large"
106114
label="Large Size"
107115
label-placement="stacked"
116+
helper-text="rows=3, size=large, label-placement=stacked"
108117
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
109118
></ion-textarea>
110119
</div>
@@ -123,6 +132,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
123132
rows="3"
124133
label="Comments"
125134
label-placement="stacked"
135+
helper-text="rows=3, label-placement=stacked"
126136
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
127137
></ion-textarea>
128138
`,
@@ -141,6 +151,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
141151
auto-grow="true"
142152
label="Comments"
143153
label-placement="stacked"
154+
helper-text="rows=3, auto-grow=true, label-placement=stacked"
144155
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
145156
></ion-textarea>
146157
`,
@@ -160,34 +171,39 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
160171
fill="outline"
161172
label="Start"
162173
label-placement="start"
174+
helper-text="rows=3, fill=outline, label-placement=start"
163175
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
164176
></ion-textarea>
165177
<ion-textarea
166178
rows="3"
167179
fill="outline"
168180
label="End"
169181
label-placement="end"
182+
helper-text="rows=3, fill=outline, label-placement=end"
170183
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
171184
></ion-textarea>
172185
<ion-textarea
173186
rows="3"
174187
fill="outline"
175188
label="Floating"
176189
label-placement="floating"
190+
helper-text="rows=3, fill=outline, label-placement=floating"
177191
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
178192
></ion-textarea>
179193
<ion-textarea
180194
rows="3"
181195
fill="outline"
182196
label="Fixed"
183197
label-placement="fixed"
198+
helper-text="rows=3, fill=outline, label-placement=fixed"
184199
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
185200
></ion-textarea>
186201
<ion-textarea
187202
rows="3"
188203
fill="outline"
189204
label="Stacked"
190205
label-placement="stacked"
206+
helper-text="rows=3, fill=outline, label-placement=stacked"
191207
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
192208
></ion-textarea>
193209
</div>
@@ -209,6 +225,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
209225
fill="outline"
210226
label="Soft"
211227
label-placement="stacked"
228+
helper-text="rows=3, shape=soft, fill=outline, label-placement=stacked"
212229
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
213230
></ion-textarea>
214231
<ion-textarea
@@ -217,6 +234,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
217234
fill="outline"
218235
label="Round"
219236
label-placement="stacked"
237+
helper-text="rows=3, shape=round, fill=outline, label-placement=stacked"
220238
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
221239
></ion-textarea>
222240
<ion-textarea
@@ -225,6 +243,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
225243
fill="outline"
226244
label="Rectangular"
227245
label-placement="stacked"
246+
helper-text="rows=3, shape=rectangular, fill=outline, label-placement=stacked"
228247
value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
229248
></ion-textarea>
230249
</div>

0 commit comments

Comments
 (0)