chore(accordion): cleanup and delete additional screenshots to be updated

Author: OS-susmitabhowmik

core/src/components/accordion/accordion.ionic.scss

@@ -56,6 +56,7 @@
   --padding-end: #{globals.$ion-space-400};
   --padding-bottom: #{globals.$ion-space-300};
   --padding-start: #{globals.$ion-space-400};
+  --background-activated: #{globals.$ion-bg-neutral-subtlest-press};
 
   @include globals.typography(globals.$ion-heading-h6-medium);
 }

core/src/components/accordion/accordion.tsx

@@ -167,11 +167,6 @@ export class Accordion implements ComponentInterface {
      * the button has not have been rendered yet.
      */
     raf(() => {
-      /**
-       * Header slot assignment can lag first paint; re-apply defaults so
-       * `accordion-header-item` and button props are set before a11y/screenshots.
-       */
-      this.setItemDefaults();
       /**
        * Set aria label on button inside of ion-item
        * once the inner content has been rendered.
@@ -206,6 +201,10 @@ export class Accordion implements ComponentInterface {
       ionItem.lines = 'full';
     }
 
+    /**
+     * Add a class to identify this item as an accordion header
+     * for specific styling purposes
+     */
     ionItem.classList.add('accordion-header-item');
   };
 

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

@@ -62,10 +62,6 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
         config
       );
 
-      /**
-       * Accordion headers must receive `accordion-header-item` after hydration so ionic item
-       * styles apply (activated background). Screenshots alone won't catch a missing class.
-       */
       const firstHeaderItem = page.locator('ion-accordion').first().locator('ion-item[slot="header"]');
       await expect(firstHeaderItem).toHaveClass(/accordion-header-item/);
 

core/src/components/accordion/test/states/accordion.e2e.ts-snapshots/accordion-states-activated-ionic-md-ltr-light-Mobile-Chrome-linux.png

@@ -123,15 +123,9 @@ slot[name="end"]::slotted(*) {
   --border-radius: #{globals.$ion-border-radius-400};
 }
 
-// Accordion header (ionic theme adds `accordion-header-item` on the slotted header item)
-// Neutral press for `.ion-activated`. Avoid `:host-context(ion-accordion)` — unsupported
-// in WebKit/Firefox; the whole rule group would be ignored (see core mixins.scss).
+// Item in Accordion
 // --------------------------------------------------
-:host(.accordion-header-item) {
-  --background-activated: #{globals.$ion-bg-neutral-subtlest-press};
-  --background-activated-opacity: 1;
-}
-
+// Ensure button element in accordion header has proper horizontal padding specifically for nested accordions
 :host(.accordion-header-item) .item-native {
   @include globals.padding-horizontal(globals.$ion-space-400);
 }