test(input-otp): add tests for ionic theme

Author: brandyscarney

core/src/components/input-otp/test/color/input-otp.e2e.ts

@@ -3,7 +3,7 @@ import { configs, test } from '@utils/test/playwright';
 
 const VALID_FILLS = ['outline', 'solid'];
 
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input-otp: color'), () => {
     // Test all colors with all fills
     VALID_FILLS.forEach((fill) => {

core/src/components/input-otp/test/fill/input-otp.e2e.ts

@@ -3,7 +3,7 @@ import { configs, test } from '@utils/test/playwright';
 
 const VALID_FILLS = ['outline', 'solid'];
 
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input-otp: fill'), () => {
     VALID_FILLS.forEach((fill) => {
       test(`${fill} fill should not have visual regressions`, async ({ page }) => {

core/src/components/input-otp/test/separators/input-otp.e2e.ts

@@ -30,7 +30,7 @@ const collectWarnings = async (page: E2EPage): Promise<string[]> => {
   return warnings;
 };
 
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input-otp: separators'), () => {
     // Test separators with all sizes
     VALID_SIZES.forEach((size) => {

core/src/components/input-otp/test/shape/input-otp.e2e.ts

@@ -4,7 +4,7 @@ import { configs, test } from '@utils/test/playwright';
 const VALID_SHAPES = ['rectangular', 'round', 'soft'];
 const VALID_SIZES = ['small', 'medium', 'large'];
 
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input-otp: shape'), () => {
     // Test all shapes with all sizes
     VALID_SHAPES.forEach((shape) => {

core/src/components/input-otp/test/size/input-otp.e2e.ts

@@ -3,7 +3,7 @@ import { configs, test } from '@utils/test/playwright';
 
 const VALID_SIZES = ['small', 'medium', 'large'];
 
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input-otp: size'), () => {
     VALID_SIZES.forEach((size) => {
       test(`${size} size should not have visual regressions`, async ({ page }) => {