@ionic/core 7.5.7 → 7.5.8-dev.11701374238.101cd738

package/dist/collection/components/radio/test/legacy/basic/radio.e2e.js

@@ -4,9 +4,9 @@
 import { expect } from "@playwright/test";
 import { configs, test } from "../../../../../utils/test/playwright/index";
 configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('radio: rendering'), () => {
-    test('should correctly render an unchecked radio group', async ({ page }) => {
-      await page.setContent(`
+    test.describe(title('radio: rendering'), () => {
+        test('should correctly render an unchecked radio group', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group>
           <ion-item>
             <ion-label>Pepperoni</ion-label>
@@ -24,11 +24,11 @@ configs().forEach(({ title, screenshot, config }) => {
           </ion-item>
         </ion-radio-group>
       `, config);
-      const radioGroup = page.locator('ion-radio-group');
-      await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-unchecked`));
-    });
-    test('should correctly render a checked radio group', async ({ page }) => {
-      await page.setContent(`
+            const radioGroup = page.locator('ion-radio-group');
+            await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-unchecked`));
+        });
+        test('should correctly render a checked radio group', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group value="sausage">
           <ion-item>
             <ion-label>Pepperoni</ion-label>
@@ -46,11 +46,11 @@ configs().forEach(({ title, screenshot, config }) => {
           </ion-item>
         </ion-radio-group>
       `, config);
-      const radioGroup = page.locator('ion-radio-group');
-      await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-checked`));
-    });
-    test('should allow shadow parts to be styled', async ({ page }) => {
-      await page.setContent(`
+            const radioGroup = page.locator('ion-radio-group');
+            await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-checked`));
+        });
+        test('should allow shadow parts to be styled', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group value="sausage">
           <ion-item>
             <ion-label>Pepperoni</ion-label>
@@ -79,24 +79,24 @@ configs().forEach(({ title, screenshot, config }) => {
           }
         </style>
       `, config);
-      const radioGroup = page.locator('ion-radio-group');
-      await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-part`));
-    });
-    test('should apply color correctly', async ({ page }) => {
-      await page.setContent(`
+            const radioGroup = page.locator('ion-radio-group');
+            await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-part`));
+        });
+        test('should apply color correctly', async ({ page }) => {
+            await page.setContent(`
         <ion-radio legacy="true" value="pepperoni" color="success"></ion-radio>
       `, config);
-      const radio = page.locator('ion-radio');
-      await radio.click();
-      await page.waitForChanges();
-      await expect(radio).toHaveScreenshot(screenshot(`radio-color`));
+            const radio = page.locator('ion-radio');
+            await radio.click();
+            await page.waitForChanges();
+            await expect(radio).toHaveScreenshot(screenshot(`radio-color`));
+        });
     });
-  });
 });
 configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe(title('radio: interaction'), () => {
-    test('radio should be checked when activated', async ({ page }) => {
-      await page.setContent(`
+    test.describe(title('radio: interaction'), () => {
+        test('radio should be checked when activated', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group>
           <ion-item>
             <ion-label>Pepperoni</ion-label>
@@ -104,24 +104,24 @@ configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
           </ion-item>
         </ion-radio-group>
       `, config);
-      const radio = page.locator('ion-radio');
-      const radioGroup = page.locator('ion-radio-group');
-      await expect(radio.locator('input')).toHaveJSProperty('checked', false);
-      await expect(radioGroup).toHaveJSProperty('value', undefined);
-      await radio.click();
-      await page.waitForChanges();
-      await expect(radio.locator('input')).toHaveJSProperty('checked', true);
-      await expect(radioGroup).toHaveJSProperty('value', 'pepperoni');
-    });
-    test('radio should be checked when activated even without a radio group', async ({ page }) => {
-      await page.setContent(`
+            const radio = page.locator('ion-radio');
+            const radioGroup = page.locator('ion-radio-group');
+            await expect(radio.locator('input')).toHaveJSProperty('checked', false);
+            await expect(radioGroup).toHaveJSProperty('value', undefined);
+            await radio.click();
+            await page.waitForChanges();
+            await expect(radio.locator('input')).toHaveJSProperty('checked', true);
+            await expect(radioGroup).toHaveJSProperty('value', 'pepperoni');
+        });
+        test('radio should be checked when activated even without a radio group', async ({ page }) => {
+            await page.setContent(`
         <ion-radio legacy="true" value="pepperoni"></ion-radio>
       `, config);
-      const radio = page.locator('ion-radio');
-      await expect(radio.locator('input')).toHaveJSProperty('checked', false);
-      await radio.click();
-      await page.waitForChanges();
-      await expect(radio.locator('input')).toHaveJSProperty('checked', true);
+            const radio = page.locator('ion-radio');
+            await expect(radio.locator('input')).toHaveJSProperty('checked', false);
+            await radio.click();
+            await page.waitForChanges();
+            await expect(radio.locator('input')).toHaveJSProperty('checked', true);
+        });
     });
-  });
 });

package/dist/collection/components/radio/test/radio.spec.js

@@ -5,42 +5,42 @@ import { newSpecPage } from "@stencil/core/testing";
 import { RadioGroup } from "../../radio-group/radio-group";
 import { Radio } from "../radio";
 describe('ion-radio', () => {
-  it('should set a default value', async () => {
-    const radio = new Radio();
-    await radio.connectedCallback();
-    expect(radio.value).toEqual('ion-rb-0');
-  });
-  it('should update the checked state when updating the value', async () => {
-    const page = await newSpecPage({
-      components: [Radio, RadioGroup],
-      html: `
+    it('should set a default value', async () => {
+        const radio = new Radio();
+        await radio.connectedCallback();
+        expect(radio.value).toEqual('ion-rb-0');
+    });
+    it('should update the checked state when updating the value', async () => {
+        const page = await newSpecPage({
+            components: [Radio, RadioGroup],
+            html: `
         <ion-radio-group value="a">
           <ion-radio value="other-value"></ion-radio>
         </ion-radio-group>
       `,
+        });
+        const radio = page.body.querySelector('ion-radio');
+        expect(radio.classList.contains('radio-checked')).toBe(false);
+        radio.value = 'a';
+        await page.waitForChanges();
+        expect(radio.classList.contains('radio-checked')).toBe(true);
     });
-    const radio = page.body.querySelector('ion-radio');
-    expect(radio.classList.contains('radio-checked')).toBe(false);
-    radio.value = 'a';
-    await page.waitForChanges();
-    expect(radio.classList.contains('radio-checked')).toBe(true);
-  });
 });
 describe('ion-radio: disabled', () => {
-  it('clicking disabled radio should not set checked state', async () => {
-    const page = await newSpecPage({
-      components: [Radio, RadioGroup],
-      html: `
+    it('clicking disabled radio should not set checked state', async () => {
+        const page = await newSpecPage({
+            components: [Radio, RadioGroup],
+            html: `
         <ion-radio-group>
           <ion-radio disabled="true" value="a">Radio</ion-radio>
         </ion-radio-group>
       `,
+        });
+        const radio = page.body.querySelector('ion-radio');
+        const radioGroup = page.body.querySelector('ion-radio-group');
+        expect(radioGroup.value).toBe(undefined);
+        radio.click();
+        await page.waitForChanges();
+        expect(radioGroup.value).toBe(undefined);
     });
-    const radio = page.body.querySelector('ion-radio');
-    const radioGroup = page.body.querySelector('ion-radio-group');
-    expect(radioGroup.value).toBe(undefined);
-    radio.click();
-    await page.waitForChanges();
-    expect(radioGroup.value).toBe(undefined);
-  });
 });

package/dist/collection/components/radio/test/states/radio.e2e.js

@@ -4,42 +4,42 @@
 import { expect } from "@playwright/test";
 import { configs, test } from "../../../../utils/test/playwright/index";
 configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('radio: states'), () => {
-    test('should render disabled radio correctly', async ({ page }) => {
-      await page.setContent(`
+    test.describe(title('radio: states'), () => {
+        test('should render disabled radio correctly', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group>
           <ion-radio disabled="true">Label</ion-radio>
         </ion-radio-group>
       `, config);
-      const radio = page.locator('ion-radio');
-      await expect(radio).toHaveScreenshot(screenshot(`radio-disabled`));
-    });
-    test('should render disabled checked radio correctly', async ({ page }) => {
-      await page.setContent(`
+            const radio = page.locator('ion-radio');
+            await expect(radio).toHaveScreenshot(screenshot(`radio-disabled`));
+        });
+        test('should render disabled checked radio correctly', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group value="1">
           <ion-radio disabled="true" value="1">Label</ion-radio>
         </ion-radio-group>
       `, config);
-      const radio = page.locator('ion-radio');
-      await expect(radio).toHaveScreenshot(screenshot(`radio-checked-disabled`));
-    });
-    test('should render checked radio correctly', async ({ page }) => {
-      await page.setContent(`
+            const radio = page.locator('ion-radio');
+            await expect(radio).toHaveScreenshot(screenshot(`radio-checked-disabled`));
+        });
+        test('should render checked radio correctly', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group value="true">
           <ion-radio value="true">Label</ion-radio>
         </ion-radio-group>
       `, config);
-      const radio = page.locator('ion-radio');
-      await expect(radio).toHaveScreenshot(screenshot(`radio-checked`));
-    });
-    test('should render unchecked radio correctly', async ({ page }) => {
-      await page.setContent(`
+            const radio = page.locator('ion-radio');
+            await expect(radio).toHaveScreenshot(screenshot(`radio-checked`));
+        });
+        test('should render unchecked radio correctly', async ({ page }) => {
+            await page.setContent(`
         <ion-radio-group>
           <ion-radio value="true">Label</ion-radio>
         </ion-radio-group>
       `, config);
-      const radio = page.locator('ion-radio');
-      await expect(radio).toHaveScreenshot(screenshot(`radio-unchecked`));
+            const radio = page.locator('ion-radio');
+            await expect(radio).toHaveScreenshot(screenshot(`radio-unchecked`));
+        });
     });
-  });
 });