@@ -153,13 +153,14 @@ configs({ modes: ['ios', 'md'], directions: ['ltr'] }).forEach(({ title, screens
153153 */
154154configs ( { modes : [ 'md' ] , directions : [ 'ltr' ] } ) . forEach ( ( { title, screenshot, config } ) => {
155155 test . describe ( title ( 'textarea: supporting text customization' ) , ( ) => {
156- test ( 'should not have visual regressions when rendering helper text with a custom color via css' , async ( {
156+ test ( 'should not have visual regressions when rendering helper text with custom css' , async ( {
157157 page,
158158 } ) => {
159159 await page . setContent (
160160 `
161161 <style>
162162 ion-textarea.custom-textarea.md .textarea-bottom .helper-text {
163+ font-size: 20px;
163164 color: green;
164165 }
165166 </style>
@@ -169,15 +170,16 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
169170 ) ;
170171
171172 const helperText = page . locator ( 'ion-textarea' ) ;
172- await expect ( helperText ) . toHaveScreenshot ( screenshot ( `textarea-helper-text-custom-color ` ) ) ;
173+ await expect ( helperText ) . toHaveScreenshot ( screenshot ( `textarea-helper-text-custom-css ` ) ) ;
173174 } ) ;
174- test ( 'should not have visual regressions when rendering error text with a custom color via css' , async ( {
175+ test ( 'should not have visual regressions when rendering error text with custom css' , async ( {
175176 page,
176177 } ) => {
177178 await page . setContent (
178179 `
179180 <style>
180181 ion-textarea.custom-textarea.md .textarea-bottom .error-text {
182+ font-size: 20px;
181183 color: purple;
182184 }
183185 </style>
@@ -187,9 +189,9 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
187189 ) ;
188190
189191 const errorText = page . locator ( 'ion-textarea' ) ;
190- await expect ( errorText ) . toHaveScreenshot ( screenshot ( `textarea-error-text-custom-color ` ) ) ;
192+ await expect ( errorText ) . toHaveScreenshot ( screenshot ( `textarea-error-text-custom-css ` ) ) ;
191193 } ) ;
192- test ( 'should not have visual regressions when rendering error text with a custom color via css var ' , async ( {
194+ test ( 'should not have visual regressions when rendering error text with a custom css variable ' , async ( {
193195 page,
194196 } ) => {
195197 await page . setContent (
@@ -205,7 +207,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
205207 ) ;
206208
207209 const errorText = page . locator ( 'ion-textarea' ) ;
208- await expect ( errorText ) . toHaveScreenshot ( screenshot ( `textarea-error-text-custom-color -var` ) ) ;
210+ await expect ( errorText ) . toHaveScreenshot ( screenshot ( `textarea-error-text-custom-css -var` ) ) ;
209211 } ) ;
210212 } ) ;
211213} ) ;
0 commit comments