fix(chip): remove reflect & optimize screenshots

core/api.txt

@@ -347,7 +347,7 @@ ion-chip,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "second
 ion-chip,prop,disabled,boolean,false,false,false
 ion-chip,prop,mode,"ios" | "md",undefined,false,false
 ion-chip,prop,outline,boolean,false,false,false
-ion-chip,prop,shape,"rectangular" | "round" | undefined,undefined,false,true
+ion-chip,prop,shape,"rectangular" | "round" | undefined,undefined,false,false
 ion-chip,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 ion-chip,css-prop,--background
 ion-chip,css-prop,--color

core/src/components/chip/chip.tsx

@@ -39,7 +39,7 @@ export class Chip implements ComponentInterface {
   /**
    * Define the Chip corner shape, when using the Ionic Theme.
    */
-  @Prop({ reflect: true }) shape?: 'round' | 'rectangular';
+  @Prop() shape?: 'round' | 'rectangular';
 
   render() {
     const { shape } = this;

core/src/components/chip/test/states/chip.e2e.ts

@@ -49,15 +49,15 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screensh
   test.describe(title('chip: focus state'), () => {
     test('should render focus state', async ({ page }) => {
       await page.setContent(
-        `<ion-content class="ion-padding">
+        `<div id="container" class="ion-padding">
           <ion-chip class="ion-focused">
             <ion-label>Focused</ion-label>
           </ion-chip>
-        </ion-content>`,
+        </div>`,
         config
       );
 
-      const chip = page.locator('ion-content');
+      const chip = page.locator('#container');
 
       await expect(chip).toHaveScreenshot(screenshot(`chip-focused`));
     });