update testing for bottom-content

Author: swimer11

core/api.txt

@@ -1619,8 +1619,10 @@ ion-select,prop,cancelText,string,'Cancel',false,false
 ion-select,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
 ion-select,prop,compareWith,((currentValue: any, compareValue: any) => boolean) | null | string | undefined,undefined,false,false
 ion-select,prop,disabled,boolean,false,false,false
+ion-select,prop,errorText,string | undefined,undefined,false,false
 ion-select,prop,expandedIcon,string | undefined,undefined,false,false
 ion-select,prop,fill,"outline" | "solid" | undefined,undefined,false,false
+ion-select,prop,helperText,string | undefined,undefined,false,false
 ion-select,prop,interface,"action-sheet" | "alert" | "modal" | "popover",'alert',false,false
 ion-select,prop,interfaceOptions,any,{},false,false
 ion-select,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false

core/src/components/select/test/bottom-content/input.e2e.ts

@@ -0,0 +1,41 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('Select: Helper and Error Text'), () => {
+    test.describe('Select with helper text', () => {
+      test('should set label and show helper text', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select class="ion-touched ion-valid" helper-text="Select a fruit" value="apple">
+              <div slot="label">Favorite Fruit</div>
+              <ion-select-option value="apple">Apple</ion-select-option>
+              <ion-select-option value="bananna">Bananna</ion-select-option>
+            </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-helper-text`));
+      });
+    });
+    test.describe('Select with Error text', () => {
+      test('should set label and show error text', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select class="ion-touched ion-invalid" error-text="No fruit selected">
+              <div slot="label">Favorite Fruit</div>
+              <ion-select-option value="apple">Apple</ion-select-option>
+              <ion-select-option value="bananna">Bananna</ion-select-option>
+            </ion-select>
+        `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-error-text`));
+      });
+    });
+  });
+});