Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 4 additions & 13 deletions core/src/components/toast/test/is-open/toast.e2e.ts
Original file line number Diff line number Diff line change
Expand Up @@ -6,29 +6,20 @@ import { configs, test } from '@utils/test/playwright';
*/
configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
test.describe(title('toast: isOpen'), () => {
test.beforeEach(async ({ page }) => {
test('should open and close the toast', async ({ page }) => {
await page.goto('/src/components/toast/test/is-open', config);
});

test('should open the toast', async ({ page }) => {
const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');

const toast = page.locator('ion-toast');

await page.click('#default');

await ionToastDidPresent.next();
await expect(toast).toBeVisible();
});

test('should open the toast then close after a timeout', async ({ page }) => {
const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
const ionToastDidDismiss = await page.spyOnEvent('ionToastDidDismiss');
const toast = page.locator('ion-toast');

await page.click('#timeout');

await ionToastDidPresent.next();
await expect(toast).toBeVisible();
await toast.evaluate((el: HTMLIonToastElement) => (el.isOpen = false));

await ionToastDidDismiss.next();
await expect(toast).toBeHidden();
Expand Down
13 changes: 6 additions & 7 deletions core/src/components/toast/test/standalone/toast.e2e.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,21 @@ import { expect } from '@playwright/test';
import { configs, test } from '@utils/test/playwright';

/**
* This test does not check LTR vs RTL layouts
* This behavior does not vary across modes/directions.
*/
configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
test.describe(title('toast: standalone'), () => {
test.beforeEach(async ({ page }) => {
test('should open overlay without ion-app', async ({ page }) => {
await page.goto(`/src/components/toast/test/standalone`, config);
});
test('should not have visual regressions', async ({ page }) => {

const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
const toast = page.locator('ion-toast');

const basicButton = page.locator('#basic-toast');
await basicButton.click();

await ionToastDidPresent.next();

await expect(page).toHaveScreenshot(screenshot(`toast-standalone`));
await expect(toast).toBeVisible();
});
});
});
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.