fix(list): remove extra border in md inset list items (#25972)

fixes #25278

core/src/components/list/list.md.scss

@@ -26,12 +26,12 @@
 
 .list-md.list-inset ion-item:first-child {
   --border-radius: #{$list-inset-md-border-radius $list-inset-md-border-radius 0 0};
-  --border-width: #{0 0 $item-md-border-bottom-width 0};
 }
 
 .list-md.list-inset ion-item:last-child {
   --border-radius: #{0 0 $list-inset-md-border-radius, $list-inset-md-border-radius};
   --border-width: 0;
+  --inner-border-width: 0;
 }
 
 .list-md.list-inset .item-interactive {

core/src/components/list/test/inset/e2e.ts

@@ -1,10 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-
-test('list: inset', async () => {
-  const page = await newE2EPage({
-    url: '/src/components/list/test/inset?ionic:_testing=true',
-  });
-
-  const compare = await page.compareScreenshot();
-  expect(compare).toMatchScreenshot();
-});

core/src/components/list/test/inset/index.html

@@ -25,7 +25,52 @@
       <ion-content id="content" color="light">
         <ion-list inset>
           <ion-item>
-            <ion-label>Normal Input</ion-label>
+            <ion-label>Text Items</ion-label>
+          </ion-item>
+          <ion-item>
+            <ion-label>Text Items</ion-label>
+          </ion-item>
+          <ion-item>
+            <ion-label>Text Items</ion-label>
+          </ion-item>
+        </ion-list>
+
+        <ion-list inset>
+          <ion-list-header>
+            <ion-label>List Header</ion-label>
+          </ion-list-header>
+          <ion-item>
+            <ion-label>Text Items</ion-label>
+          </ion-item>
+          <ion-item>
+            <ion-label>Text Items</ion-label>
+          </ion-item>
+          <ion-item>
+            <ion-label>Text Items</ion-label>
+          </ion-item>
+        </ion-list>
+
+        <ion-list inset>
+          <ion-list-header>
+            <ion-label>List Header</ion-label>
+          </ion-list-header>
+          <ion-item>
+            <ion-label position="stacked">Stacked Inputs</ion-label>
+            <ion-input></ion-input>
+          </ion-item>
+          <ion-item>
+            <ion-label position="stacked">Stacked Inputs</ion-label>
+            <ion-input></ion-input>
+          </ion-item>
+          <ion-item>
+            <ion-label position="stacked">Stacked Inputs</ion-label>
+            <ion-input></ion-input>
+          </ion-item>
+        </ion-list>
+
+        <ion-list inset>
+          <ion-item>
+            <ion-label>Default Input</ion-label>
             <ion-input></ion-input>
           </ion-item>
 

core/src/components/list/test/inset/list.e2e.ts

@@ -0,0 +1,15 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('list: inset', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/src/components/list/test/inset');
+  });
+  test.describe('list: visual regression tests', () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.setIonViewport();
+
+      expect(await page.screenshot()).toMatchSnapshot(`list-inset-diff-${page.getSnapshotSettings()}.png`);
+    });
+  });
+});