diff --git a/core/src/components/menu/test/basic/e2e.js b/core/src/components/menu/test/basic/e2e.js deleted file mode 100644 index bfc32892d7..0000000000 --- a/core/src/components/menu/test/basic/e2e.js +++ /dev/null @@ -1,24 +0,0 @@ -'use strict'; - -const { By, until } = require('selenium-webdriver'); -const { register, Page, platforms } = require('../../../../../scripts/e2e'); - -class E2ETestPage extends Page { - constructor(driver, platform) { - super(driver, `http://localhost:3333/src/components/menu/test/basic?ionic:mode=${platform}`); - } -} - -platforms.forEach(platform => { - describe('menu/basic', () => { - register('should init', driver => { - const page = new E2ETestPage(driver, platform); - return page.navigate('#left'); - }); - - register('should Open start menu', driver => { - const page = new E2ETestPage(driver, platform); - return page.present('#left', { waitFor: '.menu-inner' }); - }); - }); -}); diff --git a/core/src/components/menu/test/basic/e2e.ts b/core/src/components/menu/test/basic/e2e.ts new file mode 100644 index 0000000000..0318b9abf2 --- /dev/null +++ b/core/src/components/menu/test/basic/e2e.ts @@ -0,0 +1,29 @@ +import { newE2EPage } from '@stencil/core/testing'; + +test('menu: basic', async () => { + + const page = await newE2EPage({ + url: '/src/components/menu/test/basic?ionic:_testing=true' + }); + + const start = await page.find('ion-menu[side="start"]'); + expect(start).toHaveClasses([ + 'menu-type-overlay', + 'menu-enabled', + 'menu-side-start' + ]); + + await start.callMethod('open'); + expect(await page.compareScreenshot('start menu')).toMatchScreenshot(); + await start.callMethod('close'); + + const end = await page.find('ion-menu[side="end"]'); + expect(end).toHaveClasses([ + 'menu-type-overlay', + 'menu-enabled', + 'menu-side-end' + ]); + + await end.callMethod('open'); + expect(await page.compareScreenshot('end menu')).toMatchScreenshot(); +}); diff --git a/core/src/components/menu/test/basic/index.html b/core/src/components/menu/test/basic/index.html index 9b78ce67d5..ba7f980e3f 100644 --- a/core/src/components/menu/test/basic/index.html +++ b/core/src/components/menu/test/basic/index.html @@ -8,168 +8,54 @@ - - - - - + - - Left Menu + + Start Menu - - Open end Menu - Open Modal - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu + Menu Item + Menu Item + Menu Item + Menu Item + Menu Item - - - - Footer - - - - Hola + End Menu - - - hola macho + + + Menu Item + Menu Item + Menu Item + Menu Item + Menu Item +
- Menu - Basic - - -

- Open start menu - Open end menu -

-

- Set Push - Set Overlay - Set Reveal - - Set Swipe Enabled False -

- -
-
-
-
-
-
- -
-
- - diff --git a/core/src/components/menu/test/menu.e2e.ts b/core/src/components/menu/test/menu.e2e.ts deleted file mode 100644 index d8e7b6bc23..0000000000 --- a/core/src/components/menu/test/menu.e2e.ts +++ /dev/null @@ -1,35 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -describe('menu', () => { - - it('should open menu', async () => { - // create a new e2e test page - const page = await newE2EPage({ - html: ` - - - Content - -
-
- ` - }); - - const menu = await page.find('ion-menu'); - - expect(menu).toHaveClasses([ - 'menu-type-overlay', - 'menu-enabled', - 'menu-side-start', - ]); - - await menu.callMethod('open', false); - await page.waitForChanges(); - - expect(menu).toHaveClasses([ - 'menu-type-overlay', - 'menu-enabled', - 'menu-side-start', - ]); - }); -}); diff --git a/core/src/components/menu/test/standalone/e2e.js b/core/src/components/menu/test/standalone/e2e.js deleted file mode 100644 index 5a83c94e26..0000000000 --- a/core/src/components/menu/test/standalone/e2e.js +++ /dev/null @@ -1,19 +0,0 @@ -'use strict'; - -const { By, until } = require('selenium-webdriver'); -const { register, Page, platforms } = require('../../../../../scripts/e2e'); - -class E2ETestPage extends Page { - constructor(driver, platform) { - super(driver, `http://localhost:3333/src/components/menu/test/standalone?ionic:mode=${platform}`); - } -} - -platforms.forEach(platform => { - describe('menu/standalone', () => { - register('should init', driver => { - const page = new E2ETestPage(driver, platform); - return page.navigate('.ion-page'); - }); - }); -}); diff --git a/core/src/components/menu/test/standalone/e2e.ts b/core/src/components/menu/test/standalone/e2e.ts new file mode 100644 index 0000000000..1946c14971 --- /dev/null +++ b/core/src/components/menu/test/standalone/e2e.ts @@ -0,0 +1,29 @@ +import { newE2EPage } from '@stencil/core/testing'; + +test('menu: standalone', async () => { + + const page = await newE2EPage({ + url: '/src/components/menu/test/standalone?ionic:_testing=true' + }); + + const start = await page.find('ion-menu[side="start"]'); + expect(start).toHaveClasses([ + 'menu-type-overlay', + 'menu-enabled', + 'menu-side-start' + ]); + + await start.callMethod('open'); + expect(await page.compareScreenshot('start menu')).toMatchScreenshot(); + await start.callMethod('close'); + + const end = await page.find('ion-menu[side="end"]'); + expect(end).toHaveClasses([ + 'menu-type-overlay', + 'menu-enabled', + 'menu-side-end' + ]); + + await end.callMethod('open'); + expect(await page.compareScreenshot('end menu')).toMatchScreenshot(); +}); diff --git a/core/src/components/menu/test/standalone/index.html b/core/src/components/menu/test/standalone/index.html index e1cb186de9..6d35673d79 100644 --- a/core/src/components/menu/test/standalone/index.html +++ b/core/src/components/menu/test/standalone/index.html @@ -4,84 +4,56 @@ Menu - Standalone - + - + - - - - Left Menu - - + + + + Start Menu + + + + + Menu Item + Menu Item + Menu Item + Menu Item + Menu Item + + + - - - Open end Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - Close Menu - - + + + + End Menu + + + + + Menu Item + Menu Item + Menu Item + Menu Item + Menu Item + + + - - - Footer - - +
+ + + Menu - Standalone + + +
-
- -
- - - - Menu - Standalone - - - - -

- - -

-

- - - - - -

-
-
- - + +