Changes requested for tests

Author: rugoncalves

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

@@ -7,23 +7,20 @@ import { configs, test } from '@utils/test/playwright';
  */
 configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('textarea: rows'), () => {
-    test('should respect rows attribute with different values', async ({ page }) => {
+    test('should respect rows attribute', async ({ page }) => {
       await page.setContent(
         `
         <div id="container" style="display: flex; flex-direction: column; gap: 20px;">
-          <h2>Rows: 1</h2>
           <ion-textarea
             rows="1"
             label="Small"
             value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
           ></ion-textarea>
-          <h2>Rows: 3</h2>
           <ion-textarea
             rows="3"
             label="Medium"
             value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
           ></ion-textarea>
-          <h2>Rows: 8</h2>
           <ion-textarea
             rows="8"
             label="Large"
@@ -35,28 +32,25 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
       );
 
       const container = page.locator('#container');
-      await expect(container).toHaveScreenshot(screenshot(`textarea-rows-different-values`));
+      await expect(container).toHaveScreenshot(screenshot(`textarea-rows`));
     });
 
-    test('should respect rows attribute with different sizes', async ({ page }) => {
+    test('should respect rows attribute', async ({ page }) => {
       await page.setContent(
         `
         <div id="container" style="display: flex; flex-direction: column; gap: 20px;">
-          <h2>Rows: 3, Size Small</h2>
           <ion-textarea
             rows="3"
             size="small"
             label="Small Size"
             value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
           ></ion-textarea>
-          <h2>Rows: 3, Size Medium</h2>
           <ion-textarea
             rows="3"
             size="medium"
             label="Medium Size"
             value="1&#10;2&#10;3&#10;4&#10;5&#10;6&#10;7&#10;8&#10;9&#10;0"
           ></ion-textarea>
-          <h2>Rows: 3, Size Large</h2>
           <ion-textarea
             rows="3"
             size="large"
@@ -69,14 +63,13 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
       );
 
       const container = page.locator('#container');
-      await expect(container).toHaveScreenshot(screenshot(`textarea-rows-different-sizes`));
+      await expect(container).toHaveScreenshot(screenshot(`textarea-rows-sizes`));
     });
 
     test('should respect rows when auto-grow is enabled', async ({ page }) => {
       await page.setContent(
         `
         <div id="container" style="display: flex; flex-direction: column; gap: 20px;">
-          <h2>Rows: 3, Auto-grow</h2>
           <ion-textarea
             rows="3"
             auto-grow="true"