From 2f0733b2e5cf8372dbce5eef1875924cc456ceb8 Mon Sep 17 00:00:00 2001
From: lucille <lucyjemutai.2019@gmail.com>
Date: Fri, 8 Nov 2024 08:47:49 +0300
Subject: [PATCH] Add e2e tests to clinical views

---
 e2e/pages/home-page.ts                        |  6 +-
 .../clinical-views-configuration.spec.ts      | 69 +++++++++++++++++++
 e2e/specs/sample-test.spec.ts                 | 11 ---
 3 files changed, 72 insertions(+), 14 deletions(-)
 create mode 100644 e2e/specs/clinical-views-configuration.spec.ts
 delete mode 100644 e2e/specs/sample-test.spec.ts

diff --git a/e2e/pages/home-page.ts b/e2e/pages/home-page.ts
index 94aa548..c1d955f 100644
--- a/e2e/pages/home-page.ts
+++ b/e2e/pages/home-page.ts
@@ -1,9 +1,9 @@
-import { Page } from '@playwright/test';
+import { type Page } from '@playwright/test';
 
 export class HomePage {
   constructor(readonly page: Page) {}
 
-  async goto() {
-    await this.page.goto(`home`);
+  async gotoHome() {
+    await this.page.goto('/openmrs/spa/clinical-views-builder');
   }
 }
diff --git a/e2e/specs/clinical-views-configuration.spec.ts b/e2e/specs/clinical-views-configuration.spec.ts
new file mode 100644
index 0000000..d60e50e
--- /dev/null
+++ b/e2e/specs/clinical-views-configuration.spec.ts
@@ -0,0 +1,69 @@
+import { test, expect } from '@playwright/test';
+import dotenv from 'dotenv';
+import { HomePage } from '../pages';
+
+dotenv.config();
+
+test.describe('Clinical Views - Configure and Edit Tab Definition', () => {
+  test('should configure dashboard and edit tab definition', async ({ page }) => {
+    const homePage = new HomePage(page);
+
+    await test.step('Navigate to the Home page', async () => {
+      await homePage.gotoHome();
+      await expect(page).toHaveURL(`${process.env.E2E_BASE_URL}/spa/clinical-views-builder`);
+    });
+
+    await test.step('Click on "Create a new clinical view"', async () => {
+      await page.getByRole('button', { name: 'Create a new clinical view' }).click();
+    });
+
+    await test.step('Import dummy schema and verify options', async () => {
+      await page.getByRole('button', { name: 'Input dummy schema' }).click();
+
+      await expect(page.getByRole('button', { name: 'First Menu' })).toBeVisible();
+      await expect(page.getByRole('button', { name: 'Second Menu' })).toBeVisible();
+      await expect(page.getByRole('button', { name: 'Add Clinical view submenu' })).toBeVisible();
+    });
+    await test.step('Click "First Menu" and configure dashboard', async () => {
+      await page.getByRole('button', { name: 'First Menu' }).click();
+      await page.getByRole('button', { name: 'Configure dashboard' }).click();
+
+      await page.getByLabel('Select Widget').selectOption('encounter-list-table-tabs');
+
+      await page.locator('input#tabName').fill('TabA');
+      await page.locator('input#displayTitle').fill('TabB');
+
+      await page.getByRole('button', { name: 'Create Submenu' }).click();
+      await expect(page.locator('text=Success!')).toBeVisible({ timeout: 60000 });
+    });
+
+    await test.step('Configure columns', async () => {
+      await page.getByRole('button', { name: 'Configure columns' }).click();
+      await page.getByRole('combobox', { name: 'Form:' }).click();
+      await page.getByText('Mental Health Assessment Form').click();
+      await page.getByLabel('Select concept').selectOption('167006AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA');
+      await page.getByPlaceholder('e.g. Visit title').fill('a');
+      await page.getByRole('button', { name: 'Create Submenu' }).click();
+    });
+
+    await test.step('Edit tab definition', async () => {
+      await page.getByLabel('Edit tab definition').click();
+      await page.getByLabel('Tab name').fill('TitleA');
+      await page.getByLabel('Header title').fill('TitleB');
+      await page.getByRole('button', { name: 'Save', exact: true }).click();
+
+      await expect(page.locator('text=Tab edited successfully')).toBeVisible({ timeout: 60000 });
+    });
+
+    await test.step('Delete tab definition', async () => {
+      await page.getByLabel('Delete tab definition').click();
+      await expect(page.getByRole('heading', { name: 'Are you sure you want to' })).toBeVisible();
+      await expect(page.getByRole('dialog').getByText('Menu Slot : first-menu-slot')).toBeVisible();
+      await expect(page.getByText('Tab name : TitleA')).toBeVisible();
+      await expect(page.getByText('Header title : TitleB')).toBeVisible();
+
+      await page.getByRole('button', { name: 'Delete configuration' }).click();
+      await expect(page.getByText('Tab configuration deleted')).toBeVisible();
+    });
+  });
+});
diff --git a/e2e/specs/sample-test.spec.ts b/e2e/specs/sample-test.spec.ts
deleted file mode 100644
index 725f9df..0000000
--- a/e2e/specs/sample-test.spec.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import test from '@playwright/test';
-import { HomePage } from '../pages';
-import { expect } from '@playwright/test';
-
-// This test is a sample E2E test. You can delete it.
-
-test('Sample test', async ({ page }) => {
-  const homePage = new HomePage(page);
-  await homePage.goto();
-  await expect(homePage.page.getByRole('link', { name: 'Home' })).toBeVisible();
-});