Fix style issues and improve test files

pegasystems · Oct 31, 2023 · 2e38c6c · 2e38c6c
1 parent 6c469e9
commit 2e38c6c
Show file tree

Hide file tree

Showing 28 changed files with 34 additions and 29 deletions.
diff --git a/packages/angular-sdk-components/tests/config.js b/packages/angular-sdk-components/tests/config.js
@@ -2,6 +2,7 @@
 
 const config = {
   baseUrl: 'http://localhost:3500/portal',
+  baseEmbedUrl: 'http://localhost:3500/embedded',
   apps: {
     mediaCo: {
       rep: {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/CaseReference.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/CaseReference.spec.js
@@ -4,7 +4,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/CaseView.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/CaseView.spec.js
@@ -10,7 +10,7 @@ const caseHistoryTabVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/DataReference.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/DataReference.spec.js
@@ -5,7 +5,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {
@@ -88,6 +88,8 @@ test.describe('E2E test', () => {
 
     await page.locator('button:has-text("Previous")').click();
 
+    await page.pause();
+
     /** Table display type tests */
     selectedSubCategory = page.locator('mat-select[data-test-id="9463d5f18a8924b3200b56efaad63bda"]');
     await selectedSubCategory.click();

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/EmbeddedData.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/EmbeddedData.spec.js
@@ -4,7 +4,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/Query.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/Query.spec.js
@@ -4,7 +4,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/RichText.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/RichText.spec.js
@@ -5,7 +5,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/UserReference.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ComplexFields/UserReference.spec.js
@@ -4,7 +4,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Boolean.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Boolean.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Currency.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Currency.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Date.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Date.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/DateTime.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/DateTime.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Decimal.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Decimal.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Email.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Email.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Integer.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Integer.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Percentage.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Percentage.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Phone.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Phone.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Picklist.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Picklist.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/TextArea.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/TextArea.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/TextInput.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/TextInput.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Time.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/Time.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/URL.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/FormFields/URL.spec.js
@@ -9,7 +9,7 @@ const isVisible = true;
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/DigV2/ViewTemplates/Confirmation.spec.js b/packages/angular-sdk-components/tests/e2e/DigV2/ViewTemplates/Confirmation.spec.js
@@ -4,7 +4,7 @@ const common = require('../../../common');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1720, height: 1080 });
-  await page.goto('http://localhost:3500/portal', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/packages/angular-sdk-components/tests/e2e/MediaCo/embedded.spec.js b/packages/angular-sdk-components/tests/e2e/MediaCo/embedded.spec.js
@@ -1,9 +1,10 @@
 const { test } = require('@playwright/test');
 const common = require('../../common');
+const config = require('../../config');
 
 test.beforeEach(async ({ page }) => {
   await page.setViewportSize({ width: 1920, height: 1080 });
-  await page.goto('http://localhost:3500/embedded', { waitUntil: 'networkidle' });
+  await page.goto(config.config.baseEmbedUrl, { waitUntil: 'networkidle' });
 });
 
 test.describe('E2E test', () => {

diff --git a/projects/angular-sdk-library/src/lib/_components/infra/navbar/navbar.component.html b/projects/angular-sdk-library/src/lib/_components/infra/navbar/navbar.component.html
@@ -28,9 +28,9 @@
     </mat-list>
   </div>
   <div style="height: 100%">
-    <mat-list>
-      <mat-list-item *ngFor="let page of navPages$">
-        <div class="flex-box" (click)="navPanelButtonClick(page)">
+    <mat-list *ngFor="let page of navPages$">
+      <mat-list-item (click)="navPanelButtonClick(page)">
+        <div class="flex-box">
           <img class="psdk-nav-svg-icon" src="{{ page.iconName }}" />
           <span class="psdk-nav-button-span">{{ localizedVal(page.pyLabel, localeCategory) }}</span>
         </div>

diff --git a/projects/angular-sdk-library/src/lib/_components/infra/navbar/navbar.component.scss b/projects/angular-sdk-library/src/lib/_components/infra/navbar/navbar.component.scss
@@ -39,7 +39,7 @@ $natural-ease: cubic-bezier(0.4, 0.6, 0.1, 1) !default;
 }
 
 .psdk-appshell-nav {
-  z-index: 3;
+  z-index: 199;
   position: fixed;
   display: flex;
   flex-direction: column;

diff --git a/projects/angular-sdk-library/src/lib/_components/template/app-shell/app-shell.component.html b/projects/angular-sdk-library/src/lib/_components/template/app-shell/app-shell.component.html
@@ -1,9 +1,9 @@
 <div class="appshell-top">
   <div *ngIf="bShowAppShell$ && portalTemplate !== 'wss'">
-    <component-mapper name="NavBar" [props]="{ pConn$, appName$, pages$, caseTypes$, portalTemplate }"></component-mapper>
+    <component-mapper name="NavBar" [props]="{ pConn$, appName$, pages$, caseTypes$ }"></component-mapper>
   </div>
   <div *ngIf="bShowAppShell$ && portalTemplate === 'wss'">
-    <component-mapper name="WssNavBar" [props]="{ pConn$, appName$, homePage: pages$[0], pages$: links, caseTypes$, portalTemplate }"></component-mapper>
+    <component-mapper name="WssNavBar" [props]="{ pConn$, appName$, homePage: pages$[0], pages$: links, caseTypes$ }"></component-mapper>
   </div>
   <div [ngClass]="{'appshell-main' : portalTemplate !== 'wss', 
   'appshell-main-wss' : portalTemplate === 'wss' }">

diff --git a/...s/angular-sdk-library/src/lib/_components/template/wss-nav-bar/wss-nav-bar.component.scss b/...s/angular-sdk-library/src/lib/_components/template/wss-nav-bar/wss-nav-bar.component.scss
@@ -41,6 +41,7 @@
 
 .psdk-nav-portal-app {
   font-size: 1.5rem;
+  color: #d9d9d9;
 }
 
 .psdk-appshell-nav {