diff --git a/core/src/components/toolbar/test/basic/e2e.ts b/core/src/components/toolbar/test/basic/e2e.ts deleted file mode 100644 index d7d49874a1..0000000000 --- a/core/src/components/toolbar/test/basic/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: basic', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/basic?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('toolbar:rtl: basic', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/basic?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/basic/index.html b/core/src/components/toolbar/test/basic/index.html index 67dc43685b..b49d0155ad 100644 --- a/core/src/components/toolbar/test/basic/index.html +++ b/core/src/components/toolbar/test/basic/index.html @@ -17,11 +17,11 @@ - + Toolbar - + @@ -37,44 +37,30 @@ Subheader + + + This is the title that never ends. It just goes on and on my friend. + + + + + + + + + + + + + + + + + This is a long title with buttons. It just goes on and on my friend. + - - - Card Header - - Title - Some normal text in content. -

h3 in content

-

Paragraph in content.

-

Another paragraph in content.

- - - - - Custom CSS Card Header - - Custom CSS Title - Some normal text in content. -

h3 in content

-

Paragraph in content.

-

Another paragraph in content.

- - - - - Card Header - - Title - Some normal text in content. -

h3 in content

-

Paragraph in content.

-

Another paragraph in content.

- - - - - + Content @@ -91,30 +77,5 @@ - - - - diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts b/core/src/components/toolbar/test/basic/toolbar.e2e.ts new file mode 100644 index 0000000000..9c7404304b --- /dev/null +++ b/core/src/components/toolbar/test/basic/toolbar.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('toolbar: basic', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/toolbar/test/basic`); + + // capture both header toolbars at once, but don't include all the white space in the ion-content + const header = page.locator('ion-header'); + expect(await header.screenshot()).toMatchSnapshot(`toolbar-basic-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..f28b00f0df Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..36da0ea986 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c70bc40d08 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..5551b4eeac Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..44b43f809e Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..981d043db2 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..e190d62e39 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f1c222d28f Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..fbf3021657 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..fe2e4a378f Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..effbafaa61 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..ce2c62f645 Binary files /dev/null and b/core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/collapse/index.html b/core/src/components/toolbar/test/collapse/index.html deleted file mode 100644 index 9762fba5be..0000000000 --- a/core/src/components/toolbar/test/collapse/index.html +++ /dev/null @@ -1,131 +0,0 @@ - - - - - Toolbar - Basic - - - - - - - - - - - - - - Title - - - - - - - Title - - - - - - - - Card Header - - Title - Some normal text in content. -

h3 in content

-

Paragraph in content.

-

Another paragraph in content.

- - - - - Card Header - - Title - Some normal text in content. -

h3 in content

-

Paragraph in content.

-

Another paragraph in content.

- - - - - Card Header - - Title - Some normal text in content. -

h3 in content

-

Paragraph in content.

-

Another paragraph in content.

- - - - - - - - - - - - - - - - - - Footer - - - - - - - - - diff --git a/core/src/components/toolbar/test/colors/e2e.ts b/core/src/components/toolbar/test/colors/e2e.ts deleted file mode 100644 index 88dd154a22..0000000000 --- a/core/src/components/toolbar/test/colors/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: colors', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/colors?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/colors/index.html b/core/src/components/toolbar/test/colors/index.html index 5d0b855341..e76a66e61a 100644 --- a/core/src/components/toolbar/test/colors/index.html +++ b/core/src/components/toolbar/test/colors/index.html @@ -17,258 +17,167 @@ - - - - - - Solid - Outline - - - Clear - - - - - Toolbar - +
+ + + + + + Outline + + + Clear + + + + + Primary + - - - - - - Outline - - - Clear - - - - - Primary - + + + + + + Solid + + + Clear + + + + + Secondary + - - - - - - Outline - - - Clear - - - - - Primary - + + + + + + Outline + + + Clear + + + + + Tertiary + - - - - - - Solid - - - Clear - - - - - Secondary - + + + + + + Solid + + + Clear + + + + + Success + - - - - - - Solid - - - Clear - - - - - Secondary - + + + + + + Outline + + + Clear + + + + + Warning + - - - - - - Outline - - - Clear - - - - - Tertiary - + + + + + + Solid + + + Clear + + + + + Danger + - - - - - - Outline - - - Clear - - - - - Tertiary - + + + + + + Solid + + + Outline + + + + + Light + - - - - - - Solid - - - Clear - - - - - Success - + + + + + + Solid + + + Clear + + + + + Medium + - - - - - - Outline - - - Clear - - - - - Warning - + + + + + + Solid + + + Clear + + + + + Dark + - - - - - - Outline - - - Clear - - - - - Warning - - - - - - - - Solid - - - Clear - - - - - Danger - - - - - - - - Solid - - - Outline - - - - - Light - - - - - - - - Solid - - - Clear - - - - - Medium - - - - - - - - Solid - - - Clear - - - - - Dark - - - - - - - - Solid - - - Clear - - - - - Custom - - - - Default - - - - Secondary - - - - Custom - + + + + + + Solid + + + Clear + + + + + Custom + +
@@ -277,10 +186,6 @@ --background: black; --color: hotpink; } - - .custom-title { - --color: red; - } diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts b/core/src/components/toolbar/test/colors/toolbar.e2e.ts new file mode 100644 index 0000000000..1b3e99f591 --- /dev/null +++ b/core/src/components/toolbar/test/colors/toolbar.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('toolbar: colors', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/toolbar/test/colors`); + + // only capture the container to avoid extra white space + const container = page.locator('#toolbars'); + expect(await container.screenshot()).toMatchSnapshot(`toolbar-colors-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..0222a6e150 Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..df502013af Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..ef3c0dadf8 Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..69500fcbdb Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..eea2f9cc96 Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..aaf48cf0e6 Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..15e47cc0ed Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..41f374b18d Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..4b700cd118 Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..f33049648a Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..99aca085f0 Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Safari-linux.png b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..a3d43dba6f Binary files /dev/null and b/core/src/components/toolbar/test/colors/toolbar.e2e.ts-snapshots/toolbar-colors-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/toolbar/test/components/e2e.ts b/core/src/components/toolbar/test/components/e2e.ts deleted file mode 100644 index 63c05c64c5..0000000000 --- a/core/src/components/toolbar/test/components/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: components', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/components?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/components/index.html b/core/src/components/toolbar/test/components/index.html deleted file mode 100644 index 07cf6d0931..0000000000 --- a/core/src/components/toolbar/test/components/index.html +++ /dev/null @@ -1,118 +0,0 @@ - - - - - Toolbar - Components - - - - - - - - - - - - - - - - - - - - - - Left Side Menu Toggle - - - - - - - - - - - - - Segment - Component - - - - - - - - - - - - - - - - - - - - - - - Right Side Menu Toggle - - - - - - - - - - - - - Segment - Component - - - - - - - - - - - - - - - - - - - - - Light - Bar - Segment - - - - - - Light - Bar - Primary - - - - - - diff --git a/core/src/components/toolbar/test/custom/e2e.ts b/core/src/components/toolbar/test/custom/e2e.ts deleted file mode 100644 index 0cbac78a63..0000000000 --- a/core/src/components/toolbar/test/custom/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: custom', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/custom?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('toolbar:rtl: custom', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/custom?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/custom/index.html b/core/src/components/toolbar/test/custom/index.html deleted file mode 100644 index 5e56bf0aa1..0000000000 --- a/core/src/components/toolbar/test/custom/index.html +++ /dev/null @@ -1,297 +0,0 @@ - - - - - Toolbar - Custom - - - - - - - - - - - - - - - - - - - - - - - - - Default - - - - - - - - - - - - - - - - - - - - Default - - - - - - - - - - - - - - - - Color - - - - - - - - - - - - - - - - - - - - Color - - - - - - - - - - - - - - - - Color: Themed - - - - - - - - - - - - - - - - - - - - Color: Themed - - - - - - - - - - - - - - - - Themed - - - - - - - - - - - - - - - - - - - - Themed - - - - - - - - - - - - - - - - Themed w / Color Buttons - - - - - - - - - - - - - - - - - - - - Themed w / Color Buttons - - - - - - - - - - - - - - - - Component Level Vars - - - - - - - - - - - - - - - - - - - - Component Level Vars - - - - - - - - - - - - - - - - Component Level Vars w/ Color Buttons - - - - - - - - - - - - - - - - - - - - Component Level Vars w/ Color Buttons - - - - - - - diff --git a/core/src/components/toolbar/test/modes/e2e.ts b/core/src/components/toolbar/test/modes/e2e.ts deleted file mode 100644 index 17a20fe033..0000000000 --- a/core/src/components/toolbar/test/modes/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: modes', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/modes?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('toolbar:rtl: modes', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/modes?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/modes/index.html b/core/src/components/toolbar/test/modes/index.html deleted file mode 100644 index 967c8bc81e..0000000000 --- a/core/src/components/toolbar/test/modes/index.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - Toolbar - Modes - - - - - - - - - - - - - - iOS toolbar - - - - - MD toolbar - - - - - iOS toolbar - - - Outline - - - Clear - Solid - - - - - - MD toolbar - - - Outline - - - Clear - Solid - - - - - - - - - - - - - - - - - iOS - Segment - - - - - - - MD - Segment - - - - - - diff --git a/core/src/components/toolbar/test/scenarios/e2e.ts b/core/src/components/toolbar/test/scenarios/e2e.ts deleted file mode 100644 index cd1e992461..0000000000 --- a/core/src/components/toolbar/test/scenarios/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: scenarios', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/scenarios?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('toolbar:rtl: scenarios', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/scenarios?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/scenarios/index.html b/core/src/components/toolbar/test/scenarios/index.html deleted file mode 100644 index c6ab1f78d6..0000000000 --- a/core/src/components/toolbar/test/scenarios/index.html +++ /dev/null @@ -1,195 +0,0 @@ - - - - - Toolbar - Scenarios - - - - - - - - - - - - - This should have no padding - - - - This is the title that never ends. It just goes on and on my friend. - - - - - - - - - - - - - - - - - This is a long title with buttons. It just goes on and on my friend. - - - - - - - - - - - - - - - - - Defaults - - - - - - - - - - - - - - - - - Defaults.activated - - - - - - - - - - Solid - - - Solid - - - Help - - - - - - - - - - - - - Solid - - - Solid Activated - - - Help - - - - - - - - - - - - - Star - - - - - - - - Outline - - - - - - - - - - Star - - - - - - - - Outline.activated - - - - - - - Clear - - - - - Edit - - - - Icon/Color Attr - - - - - Go Back - - - Edit - - Text Only - - - - - This is an iOS toolbar - - - - - This is an MD toolbar - - - - - - - diff --git a/core/src/components/toolbar/test/spec/e2e.ts b/core/src/components/toolbar/test/spec/e2e.ts deleted file mode 100644 index 49fb2e5bdc..0000000000 --- a/core/src/components/toolbar/test/spec/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: spec', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/spec?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/spec/index.html b/core/src/components/toolbar/test/spec/index.html deleted file mode 100644 index ad29eccc62..0000000000 --- a/core/src/components/toolbar/test/spec/index.html +++ /dev/null @@ -1,291 +0,0 @@ - - - - - Toolbar - Spec - - - - - - - - - - - - - - - - - - - - - - - - - - - - Standard - - - - - - - - - - - - - - - - - - - - - - Page title - - - - - - - - - - - - - - - - - - - - - - - - - Clearing - - - Done - - - Text - - - - - Start - - - Pri - - - End - - - Sec - - - Slots - - - - - - - - - - - - - - - - - Slots - - - - - - - - - - - - - - - - - - - - - Slots - - - - - - - - - - - - - - - - - - - - - - - - Slots - - - - - - - - - - - - - Text - - - - - All - Favorites - - - - - - - - - - - - - - - All - Favorites - - - - - - - - - - All - Favorites - - - - - - - - - - All - Favorites - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Click to Add Text - - - - - - - - - - - - - - diff --git a/core/src/components/toolbar/test/title/e2e.ts b/core/src/components/toolbar/test/title/e2e.ts deleted file mode 100644 index 05c318f61e..0000000000 --- a/core/src/components/toolbar/test/title/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('toolbar: title', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/title?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('toolbar:rtl: title', async () => { - const page = await newE2EPage({ - url: '/src/components/toolbar/test/title?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/toolbar/test/title/index.html b/core/src/components/toolbar/test/title/index.html deleted file mode 100644 index 8cc01b4ff8..0000000000 --- a/core/src/components/toolbar/test/title/index.html +++ /dev/null @@ -1,185 +0,0 @@ - - - - - Toolbar - Title - - - - - - - - - - - - - - - - - - - - diff --git a/core/src/components/toolbar/test/translucent/index.html b/core/src/components/toolbar/test/translucent/index.html deleted file mode 100644 index 5e4dd8ceb6..0000000000 --- a/core/src/components/toolbar/test/translucent/index.html +++ /dev/null @@ -1,152 +0,0 @@ - - - - - Toolbar - Translucent - - - - - - - - - - - - - Toolbar - Translucent - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae lobortis felis, eu sodales enim. Nam - risus nibh, placerat at rutrum ac, vehicula vel velit. Lorem ipsum dolor sit amet, consectetur adipiscing - elit. Vestibulum quis elementum ligula, ac aliquet nulla. Mauris non placerat mauris. Aenean dignissim lacinia - porttitor. Praesent fringilla at est et ullamcorper. In ac ante ac massa porta venenatis ut id nibh. Fusce - felis neque, aliquet in velit vitae, venenatis euismod libero. Donec vulputate, urna sed sagittis tempor, mi - arcu tristique lacus, eget fringilla urna sem eget felis. Fusce dignissim lacus a scelerisque vehicula. Nulla - nec enim nunc. Quisque nec dui eu nibh pulvinar bibendum quis ut nunc. Duis ex odio, sollicitudin ac mollis - nec, fringilla non lacus. Maecenas sed tincidunt urna. Nunc feugiat maximus venenatis. Donec porttitor, felis - eget porttitor tempor, quam nulla dapibus nisl, sit amet posuere sapien sapien malesuada tortor. Pellentesque - habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque luctus, sapien nec - tincidunt efficitur, nibh turpis faucibus felis, in sodales massa augue nec erat. Morbi sollicitudin nisi ex, - et gravida nisi euismod eu. Suspendisse hendrerit dapibus orci, non viverra neque vestibulum id. Quisque vitae - interdum ligula, quis consectetur nibh. Phasellus in mi at erat ultrices semper. Fusce sollicitudin at dolor - ac lobortis. Morbi sit amet sem quis nulla pellentesque imperdiet. Nullam eu sem a enim maximus eleifend non - vulputate leo. Proin quis congue lacus. Pellentesque placerat, quam at tempus pulvinar, nisl ligula tempor - risus, quis pretium arcu odio et nulla. Nullam mollis consequat pharetra. Phasellus dictum velit sed purus - mattis maximus. In molestie eget massa ut dignissim. In a interdum elit. In finibus nibh a mauris lobortis - aliquet. Proin rutrum varius consequat. In mollis dapibus nisl, eu finibus urna viverra ac. Quisque - scelerisque nisl eu suscipit consectetur. -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Toolbar - Translucent - - - - - - -