diff --git a/e2e/playwright.config.ts b/e2e/playwright.config.ts index 9754355..dcfe434 100644 --- a/e2e/playwright.config.ts +++ b/e2e/playwright.config.ts @@ -28,7 +28,7 @@ export default defineConfig({ /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */ use: { /* Base URL to use in actions like `await page.goto('/')`. */ - // baseURL: 'http://127.0.0.1:3000', + baseURL: 'https://d2ojv9ksm0gp58.cloudfront.net', /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ trace: 'on-first-retry', @@ -45,10 +45,4 @@ export default defineConfig({ }, ], - /* Run your local dev server before starting the tests */ - // webServer: { - // command: 'npm run start', - // url: 'http://127.0.0.1:3000', - // reuseExistingServer: !process.env.CI, - // }, }); diff --git a/e2e/tests/base/base.po.ts b/e2e/tests/base/base.po.ts new file mode 100644 index 0000000..8bcf574 --- /dev/null +++ b/e2e/tests/base/base.po.ts @@ -0,0 +1,8 @@ +import { Page } from '@playwright/test'; + +export class BasePage { + + constructor(protected page: Page) {} + + public goto = (adress: string) => this.page.goto(adress); +} diff --git a/e2e/tests/dashboart-filter/dashboard-filter-panel.po.ts b/e2e/tests/dashboart-filter/dashboard-filter-panel.po.ts new file mode 100644 index 0000000..4cdab13 --- /dev/null +++ b/e2e/tests/dashboart-filter/dashboard-filter-panel.po.ts @@ -0,0 +1,9 @@ +import { BasePage } from '../base/base.po'; + +export class DashboartFilterpanelPage extends BasePage { + public readonly pageAdress = '/dashboard-filter-panel'; + + + public gotoMainPage = async () => await this.goto(this.pageAdress); + public weightedPipelineValue = () => this.page.getByText('Weighted pipeline value (€)', {exact: true}).first(); +} diff --git a/e2e/tests/dashboart-filter/dashboard-filter-panel.spec.ts b/e2e/tests/dashboart-filter/dashboard-filter-panel.spec.ts new file mode 100644 index 0000000..0399a81 --- /dev/null +++ b/e2e/tests/dashboart-filter/dashboard-filter-panel.spec.ts @@ -0,0 +1,16 @@ +import { test, expect } from '@playwright/test'; +import { DashboartFilterpanelPage } from './dashboard-filter-panel.po'; + +test.describe('Dashboard filter panel page', () => { + test('should have working initial screen', async ({ page }) => { + // given + const dashboartFilterpanelPage = new DashboartFilterpanelPage(page); + + // when + await dashboartFilterpanelPage.gotoMainPage(); + await dashboartFilterpanelPage.weightedPipelineValue().waitFor({ state: 'visible' }); + + // then + await expect(page).toHaveScreenshot('init-page.png', { maxDiffPixelRatio: 0.1, fullPage: true}); + }); +}); diff --git a/e2e/tests/dashboart-filter/dashboard-filter-panel.spec.ts-snapshots/init-page-chromium-linux.png b/e2e/tests/dashboart-filter/dashboard-filter-panel.spec.ts-snapshots/init-page-chromium-linux.png new file mode 100644 index 0000000..eeeec35 Binary files /dev/null and b/e2e/tests/dashboart-filter/dashboard-filter-panel.spec.ts-snapshots/init-page-chromium-linux.png differ diff --git a/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.po.ts b/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.po.ts new file mode 100644 index 0000000..c27b666 --- /dev/null +++ b/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.po.ts @@ -0,0 +1,7 @@ +import { BasePage } from '../base/base.po'; + +export class DragNDropChartLibraryPage extends BasePage { + public readonly pageAdress = '/drag-n-drop-chart-library'; + + public gotoMainPage = async () => await this.goto(this.pageAdress); +} diff --git a/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.spec.ts b/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.spec.ts new file mode 100644 index 0000000..61d27ec --- /dev/null +++ b/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.spec.ts @@ -0,0 +1,16 @@ +import { test, expect } from '@playwright/test'; +import { DragNDropChartLibraryPage } from './drag-n-drop-chart-library.po'; + +test.describe('Drag and drop page', () => { + test('should have working initial screen', async ({ page }) => { + // given + const dragNDropChartLibraryPage = new DragNDropChartLibraryPage(page); + + // when + await dragNDropChartLibraryPage.gotoMainPage(); + + // then + await expect(page).toHaveScreenshot('init-page.png', { maxDiffPixelRatio: 0.1, fullPage: true}); + }); +}); + \ No newline at end of file diff --git a/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.spec.ts-snapshots/init-page-chromium-linux.png b/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.spec.ts-snapshots/init-page-chromium-linux.png new file mode 100644 index 0000000..30a4cd9 Binary files /dev/null and b/e2e/tests/drag-n-drop-chart-library/drag-n-drop-chart-library.spec.ts-snapshots/init-page-chromium-linux.png differ diff --git a/e2e/tests/report-builder/report-builder.po.ts b/e2e/tests/report-builder/report-builder.po.ts index 3b05017..3652149 100644 --- a/e2e/tests/report-builder/report-builder.po.ts +++ b/e2e/tests/report-builder/report-builder.po.ts @@ -1,16 +1,10 @@ -import { Page } from '@playwright/test'; +import { BasePage } from '../base/base.po'; -export class ReportBuilderPage { - /** - * @todo: Extract to config file - */ - public readonly URL = 'https://d2ojv9ksm0gp58.cloudfront.net/report-builder/'; +export class ReportBuilderPage extends BasePage { + public readonly pageAdress = '/report-builder/'; - constructor( - private page: Page, - ) {} - - public gotoMainPage = () => this.page.goto(this.URL); + public gotoMainPage = async () => await this.goto(this.pageAdress); + public tableContainer = () => this.page.locator('.regular-table-container'); public chartOneBar = () => this.page.locator('.bars-container .bar').first(); -} +} \ No newline at end of file diff --git a/e2e/tests/report-builder/report-builder.spec.ts b/e2e/tests/report-builder/report-builder.spec.ts index 0c81d59..9118db1 100644 --- a/e2e/tests/report-builder/report-builder.spec.ts +++ b/e2e/tests/report-builder/report-builder.spec.ts @@ -1,5 +1,5 @@ import { test, expect } from '@playwright/test'; -import { ReportBuilderPage } from './report-builder.po'; +import { ReportBuilderPage } from './report-builder.po.ts'; test.describe('Report builder', () => { test('should have working initial screen', async ({ page }) => { @@ -12,6 +12,6 @@ test.describe('Report builder', () => { await reportBuilderPage.chartOneBar().waitFor({ state: 'visible' }); // then - await expect(page).toHaveScreenshot('init-page.png', { threshold: 0.35 }); + await expect(page).toHaveScreenshot('init-page.png', { maxDiffPixelRatio: 0.1, fullPage: true}); }); }); diff --git a/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-darwin.png b/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-darwin.png deleted file mode 100644 index 2498530..0000000 Binary files a/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-darwin.png and /dev/null differ diff --git a/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-linux.png b/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-linux.png index 57df87c..9c96d6d 100644 Binary files a/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-linux.png and b/e2e/tests/report-builder/report-builder.spec.ts-snapshots/init-page-chromium-linux.png differ diff --git a/e2e/tests/wearables-dashboard/wearables-dashboard.po.ts b/e2e/tests/wearables-dashboard/wearables-dashboard.po.ts new file mode 100644 index 0000000..98b74b8 --- /dev/null +++ b/e2e/tests/wearables-dashboard/wearables-dashboard.po.ts @@ -0,0 +1,8 @@ +import { BasePage } from '../base/base.po'; + +export class WearablesDashboardPage extends BasePage { + public readonly pageAdress = '/wearables-dashboard'; + + public gotoMainPage = async () => await this.goto(this.pageAdress); + public NumberOfStepsChart = () => this.page.getByText('Number of steps by minute', {exact: true}); +} diff --git a/e2e/tests/wearables-dashboard/wearables-dashboard.spec.ts b/e2e/tests/wearables-dashboard/wearables-dashboard.spec.ts new file mode 100644 index 0000000..da04919 --- /dev/null +++ b/e2e/tests/wearables-dashboard/wearables-dashboard.spec.ts @@ -0,0 +1,16 @@ +import { test, expect } from '@playwright/test'; +import { WearablesDashboardPage } from '../wearables-dashboard/wearables-dashboard.po'; + +test.describe('Wearables dashboard', () => { + test('should have working initial screen', async ({ page }) => { + // given + const wearablesDashboardPage = new WearablesDashboardPage(page); + + // when + await wearablesDashboardPage.gotoMainPage(); + await wearablesDashboardPage.NumberOfStepsChart().waitFor({ state: 'visible' }); + + // then + await expect(page).toHaveScreenshot('init-page.png', { maxDiffPixelRatio: 0.1, fullPage: true}); + }); +}); diff --git a/e2e/tests/wearables-dashboard/wearables-dashboard.spec.ts-snapshots/init-page-chromium-linux.png b/e2e/tests/wearables-dashboard/wearables-dashboard.spec.ts-snapshots/init-page-chromium-linux.png new file mode 100644 index 0000000..aff5176 Binary files /dev/null and b/e2e/tests/wearables-dashboard/wearables-dashboard.spec.ts-snapshots/init-page-chromium-linux.png differ