fix(item-divider): set padding-end for md (#27019)

closes #23785
This commit is contained in:
Shawn Taylor
2023-03-31 17:00:12 -04:00
committed by GitHub
parent 75186d3f83
commit 426913d0de
45 changed files with 41 additions and 1 deletions

View File

@ -23,4 +23,4 @@ $item-divider-md-border-bottom: 1px solid $item-md-border-color !default;
$item-divider-md-padding-start: $item-md-padding-start !default;
/// @prop - Padding end for the divider
$item-divider-md-padding-end: 0 !default;
$item-divider-md-padding-end: $item-md-padding-end !default;

View File

@ -0,0 +1,39 @@
import { expect } from '@playwright/test';
import { test } from '@utils/test/playwright';
test.describe('item-divider: basic', () => {
test('should display an item divider with text', async ({ page }) => {
await page.setContent(`
<ion-item-divider>
<ion-label>Item Divider</ion-label>
</ion-item-divider>
`);
const divider = page.locator('ion-item-divider');
await expect(divider).toHaveScreenshot(`item-divider-text-${page.getSnapshotSettings()}.png`);
});
test('should display an item divider with a button in the end slot', async ({ page }) => {
await page.setContent(`
<ion-item-divider>
<ion-label>Item Divider</ion-label>
<ion-button slot="end">Button</ion-button>
</ion-item-divider>
`);
const divider = page.locator('ion-item-divider');
await expect(divider).toHaveScreenshot(`item-divider-button-end-${page.getSnapshotSettings()}.png`);
});
test('should display an item divider with an icon in the start slot', async ({ page }) => {
await page.setContent(`
<ion-item-divider>
<ion-icon slot="start" name="star"></ion-icon>
<ion-label>Item Divider</ion-label>
</ion-item-divider>
`);
const divider = page.locator('ion-item-divider');
await expect(divider).toHaveScreenshot(`item-divider-icon-start-${page.getSnapshotSettings()}.png`);
});
});

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

View File

@ -31,6 +31,7 @@ test.describe('textarea: autogrow', () => {
].join('\n')
);
await page.waitForChanges();
await expect(ionTextarea).toHaveScreenshot(`textarea-autogrow-after-${page.getSnapshotSettings()}.png`);
});