Feature: carbon-and-layout (#3)

* wip

* add pages

* fix lint

* update shell

* add e2e tests

* speed up circle ci

* update circle ci

Author: csikb

.circleci/config.yml

@@ -12,7 +12,7 @@ jobs:
             - v2-dependencies-
       - run:
           name: Install local dependencies
-          command: npm clean-install
+          command: npm install
       - save_cache:
           key: v2-dependencies-{{ .Branch }}-{{ checksum "package-lock.json" }}
           paths:
@@ -62,17 +62,20 @@ jobs:
             - v3-dependencies-
       - run:
           name: Install local dependencies
-          command: npm clean-install
+          command: npm install
       - save_cache:
           key: v3-dependencies-{{ .Branch }}-{{ checksum "package-lock.json" }}
           paths:
             - node_modules
       - run:
           name: Testing
-          command: npm run test -- --no-watch --no-progress --browsers=ChromeHeadlessCI --reporters=junit
+          command: npm run test -- --no-watch --no-progress --browsers=ChromeHeadlessCI --reporters=junit,coverage
       - store_test_results:
           name: Store test results
           path: ~/project/reports
+      - store_artifacts:
+          name: Store covarage report
+          path: ~/project/coverage/bss-web
   e2e:
     working_directory: ~/project
     docker:
@@ -85,7 +88,7 @@ jobs:
             - v5-dependencies-
       - run:
           name: Install dependencies
-          command: npm clean-install
+          command: npm install
       - save_cache:
           key: v5-dependencies-{{ .Branch }}-{{ checksum "package-lock.json" }}
           paths:
@@ -105,7 +108,7 @@ jobs:
           path: ~/project/e2e/playwright-report
 workflows:
   version: 2
-  build_and_test_and_lint:
+  all:
     jobs:
       - lint
       - build

.prettierrc.json

@@ -1 +1,3 @@
-{}
+{
+  "printWidth": 120
+}

e2e/playwright.ci.config.ts

@@ -5,11 +5,7 @@ const config: PlaywrightTestConfig = {
   use: {
     baseURL: 'http://frontend:4000',
   },
-  reporter: [
-    ['dot'],
-    ['html', { open: 'never' }],
-    ['junit', { outputFile: 'reports/results.xml' }],
-  ],
+  reporter: [['dot'], ['html', { open: 'never' }], ['junit', { outputFile: 'reports/results.xml' }]],
   projects: defaultConfig.projects,
 };
 export default config;

e2e/playwright.config.ts

@@ -5,7 +5,7 @@ const config: PlaywrightTestConfig = {
     command: 'npm run build:ssr && npm run serve:ssr',
     cwd: '../',
     port: 4000,
-    timeout: 2 * 60 * 1000,
+    timeout: 4 * 60 * 1000,
     reuseExistingServer: true,
   },
   use: {

e2e/pom/about-us-page.ts

@@ -0,0 +1,8 @@
+import { DefaultShell } from './default-shell';
+import { Page } from '@playwright/test';
+
+export class AboutUsPage extends DefaultShell {
+  constructor(page: Page) {
+    super(page);
+  }
+}

e2e/pom/contact-page.ts

@@ -0,0 +1,8 @@
+import { DefaultShell } from './default-shell';
+import { Page } from '@playwright/test';
+
+export class ContactPage extends DefaultShell {
+  constructor(page: Page) {
+    super(page);
+  }
+}

e2e/pom/courses-page.ts

@@ -0,0 +1,8 @@
+import { DefaultShell } from './default-shell';
+import { Page } from '@playwright/test';
+
+export class CoursesPage extends DefaultShell {
+  constructor(page: Page) {
+    super(page);
+  }
+}

e2e/pom/default-shell.ts

@@ -0,0 +1,20 @@
+import { Page } from '@playwright/test';
+
+export enum Destination {
+  HOMEPAGE = 'homepage',
+  VIDEO = 'video',
+  EVENTS = 'events',
+  LIVE = 'live',
+  COURSES = 'courses',
+  ABOUT_US = 'about-us',
+  MEMBERS = 'members',
+  CONTACT = 'contact',
+}
+
+export class DefaultShell {
+  readonly page: Page;
+
+  constructor(page: Page) {
+    this.page = page;
+  }
+}

e2e/pom/events-page.ts

@@ -0,0 +1,8 @@
+import { DefaultShell } from './default-shell';
+import { Page } from '@playwright/test';
+
+export class EventsPage extends DefaultShell {
+  constructor(page: Page) {
+    super(page);
+  }
+}

e2e/pom/home-page.ts

@@ -0,0 +1,15 @@
+import { Locator, Page } from '@playwright/test';
+import { DefaultShell } from './default-shell';
+
+export class HomePage extends DefaultShell {
+  readonly title: Locator;
+
+  constructor(page: Page) {
+    super(page);
+    this.title = page.locator('h1');
+  }
+
+  goTo() {
+    return this.page.goto('/');
+  }
+}