mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
Merge remote-tracking branch 'origin/main' into chore/sync-with-main-5-3
This commit is contained in:
@ -1,39 +1,39 @@
|
||||
import type { Locator } from '@playwright/test';
|
||||
import { expect } from '@playwright/test';
|
||||
import type { E2EPage } from '@utils/test/playwright';
|
||||
import { test } from '@utils/test/playwright';
|
||||
|
||||
test.describe('menu-toggle: basic', () => {
|
||||
test.beforeEach(async ({ page, skip }) => {
|
||||
skip.rtl();
|
||||
skip.mode('ios');
|
||||
await page.goto(`/src/components/menu-toggle/test/basic`);
|
||||
});
|
||||
|
||||
test('should open selected menu by side', async ({ page }) => {
|
||||
const startMenu = page.locator('[menu-id="start-menu"]');
|
||||
const endMenu = page.locator('[menu-id="end-menu"]');
|
||||
const menuToggle = page.locator('ion-menu-toggle');
|
||||
|
||||
// do this outside testMenu since passing params to eval callback is tricky due to execution context
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'start'));
|
||||
await testMenu(page, startMenu);
|
||||
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'end'));
|
||||
await testMenu(page, endMenu);
|
||||
});
|
||||
|
||||
test('should open selected menu by menu-id', async ({ page }) => {
|
||||
const startMenu = page.locator('[menu-id="start-menu"]');
|
||||
const endMenu = page.locator('[menu-id="end-menu"]');
|
||||
const menuToggle = page.locator('ion-menu-toggle');
|
||||
|
||||
// do this outside testMenu since passing params to eval callback is tricky due to execution context
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'start-menu'));
|
||||
await testMenu(page, startMenu);
|
||||
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'end-menu'));
|
||||
await testMenu(page, endMenu);
|
||||
import { configs, test } from '@utils/test/playwright';
|
||||
|
||||
configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
|
||||
test.describe(title('menu-toggle: basic'), () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await page.goto(`/src/components/menu-toggle/test/basic`, config);
|
||||
});
|
||||
|
||||
test('should open selected menu by side', async ({ page }) => {
|
||||
const startMenu = page.locator('[menu-id="start-menu"]');
|
||||
const endMenu = page.locator('[menu-id="end-menu"]');
|
||||
const menuToggle = page.locator('ion-menu-toggle');
|
||||
|
||||
// do this outside testMenu since passing params to eval callback is tricky due to execution context
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'start'));
|
||||
await testMenu(page, startMenu);
|
||||
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'end'));
|
||||
await testMenu(page, endMenu);
|
||||
});
|
||||
|
||||
test('should open selected menu by menu-id', async ({ page }) => {
|
||||
const startMenu = page.locator('[menu-id="start-menu"]');
|
||||
const endMenu = page.locator('[menu-id="end-menu"]');
|
||||
const menuToggle = page.locator('ion-menu-toggle');
|
||||
|
||||
// do this outside testMenu since passing params to eval callback is tricky due to execution context
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'start-menu'));
|
||||
await testMenu(page, startMenu);
|
||||
|
||||
await menuToggle.evaluate((el: HTMLIonMenuToggleElement) => (el.menu = 'end-menu'));
|
||||
await testMenu(page, endMenu);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user