@testgorilla/tgo-ui 2.10.1 → 2.10.2

package/e2e/logo.spec.ts

@@ -1,45 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  ['/iframe.html?viewMode=story&id=logo--default', 'ui-logo img'],
-  ['/iframe.html?viewMode=story&id=logo--powered-by', 'ui-logo img'],
-  ['/iframe.html?viewMode=story&id=logo--reverse', 'ui-logo img']
-];
-
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [[singleURL]]
-}
-
-for (const url of urls) {
-  const componentName = url[0].split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url[0]);
-      // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      const locator = url[1]
-      expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/e2e/navbar.spec.ts

@@ -1,42 +0,0 @@
-// /* eslint-disable @typescript-eslint/no-unsafe-member-access */
-// /* eslint-disable @typescript-eslint/no-unsafe-call */
-// import { expect, test } from '@playwright/test';
-// // import { checkA11y, injectAxe } from 'axe-playwright';
-
-// var urls = [
-//   ['/iframe.html?viewMode=story&id=navbar--default', 'ui-navbar'],
-// ];
-// const singleURL = process.env['singleURL'];
-// if ( singleURL != undefined) {
-//   urls = [[singleURL]]
-// }
-
-// for (const url of urls) {
-//   const componentName = url[0].split('&')[1];
-//   test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-//     test.beforeEach(async ({ page }) => {
-//       await page.goto(url[0]);
-//       // await injectAxe(page);
-//     });
-
-//     test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-//       await page.waitForLoadState('domcontentloaded');
-//       await page.waitForLoadState('load');
-//       const locator = url[1]
-//       expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-//       await page.waitForLoadState('domcontentloaded');
-//       await page.waitForLoadState('load');
-//       await page.waitForTimeout(1000);
-//       await expect(page).toHaveScreenshot(`${componentName}.png`, {
-//         animations: 'disabled',
-//         caret: 'hide',
-//         fullPage: true,
-//         omitBackground: true,
-//         scale: 'css',
-//         maxDiffPixelRatio: 0.01,
-//       });
-//       // as of now ignoring the failures for accessibility tests
-//       // await checkA11y(page, undefined, undefined, true);
-//     });
-//   });
-// }

package/e2e/navigation.spec.ts

@@ -1,43 +0,0 @@
-// /* eslint-disable @typescript-eslint/no-unsafe-member-access */
-// /* eslint-disable @typescript-eslint/no-unsafe-call */
-// import { expect, test } from '@playwright/test';
-// // import { checkA11y, injectAxe } from 'axe-playwright';
-
-// var urls = [
-//   ['/iframe.html?viewMode=story&id=navigation--default', 'ui-navigation button'],
-// ];
-
-// const singleURL = process.env['singleURL'];
-// if ( singleURL != undefined) {
-//   urls = [[singleURL]]
-// }
-
-// for (const url of urls) {
-//   const componentName = url[0].split('&')[1];
-//   test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-//     test.beforeEach(async ({ page }) => {
-//       await page.goto(url[0]);
-//       // await injectAxe(page);
-//     });
-
-//     test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-//       await page.waitForLoadState('domcontentloaded');
-//       await page.waitForLoadState('load');
-//       const locator = url[1]
-//       expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-//       await page.waitForLoadState('domcontentloaded');
-//       await page.waitForLoadState('load');
-//       await page.waitForTimeout(1000);
-//       await expect(page).toHaveScreenshot(`${componentName}.png`, {
-//         animations: 'disabled',
-//         caret: 'hide',
-//         fullPage: true,
-//         omitBackground: true,
-//         scale: 'css',
-//         maxDiffPixelRatio: 0.01,
-//       });
-//       // as of now ignoring the failures for accessibility tests
-//       // await checkA11y(page, undefined, undefined, true);
-//     });
-//   });
-// }

package/e2e/paginator.spec.ts

@@ -1,42 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  ['/iframe.html?viewMode=story&id=paginator--default', 'ui-paginator'],
-];
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [[singleURL]]
-}
-
-for (const url of urls) {
-  const componentName = url[0].split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url[0]);
-      // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      const locator = url[1]
-      expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/e2e/progressBar.spec.ts

@@ -1,42 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  ['/iframe.html?viewMode=story&id=progressbar--determinate', 'ui-progress-bar'],
-];
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [[singleURL]]
-}
-
-for (const url of urls) {
-  const componentName = url[0].split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url[0]);
-      // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      const locator = url[1]
-      expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/e2e/table.spec.ts

@@ -1,47 +0,0 @@
-// /* eslint-disable @typescript-eslint/no-unsafe-member-access */
-// /* eslint-disable @typescript-eslint/no-unsafe-call */
-// import { expect, test } from '@playwright/test';
-// // import { checkA11y, injectAxe } from 'axe-playwright';
-
-// var urls = [
-//   ['/iframe.html?viewMode=story&id=deprecated-table--default', 'ui-table'],
-//   ['/iframe.html?viewMode=story&id=deprecated-table--expandable', 'ui-table']
-// ];
-// const singleURL = process.env['singleURL'];
-// if ( singleURL != undefined) {
-//   urls = [[singleURL]]
-// }
-
-// for (const url of urls) {
-//   const componentName = url[0].split('&')[1];
-//   test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-//     test.beforeEach(async ({ page }) => {
-//       await page.goto(url[0]);
-//       // await injectAxe(page);
-//     });
-
-//     test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-//       await page.waitForLoadState('domcontentloaded');
-//       await page.waitForLoadState('load');
-//       const expandTable = page.locator('ui-table table tbody').first();
-//       const locator = url[1]
-//       expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-//       await page.waitForLoadState('domcontentloaded');
-//       await page.waitForLoadState('load');
-//       if (componentName.includes('expandable')) {
-//         await expandTable.click();
-//       }
-//       await page.waitForTimeout(1000);
-//       await expect(page).toHaveScreenshot(`${componentName}.png`, {
-//         animations: 'disabled',
-//         caret: 'hide',
-//         fullPage: true,
-//         omitBackground: true,
-//         scale: 'css',
-//         maxDiffPixelRatio: 0.01,
-//       });
-//       // as of now ignoring the failures for accessibility tests
-//       // await checkA11y(page, undefined, undefined, true);
-//     });
-//   });
-// }

package/e2e/typography.spec.ts

@@ -1,42 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  ['/iframe.html?viewMode=story&id=foundations-typography--page&args=&viewMode=story', 'div.sbdocs-content'],
-];
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [[singleURL]]
-}
-
-for (const url of urls) {
-  const componentName = url[0].split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url[0]);
-      // await injectAxe(page);
-    });
-
-    test.skip(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      const locator = url[1]
-      expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/globalSetup.js

@@ -1,9 +0,0 @@
-/* eslint-disable @typescript-eslint/require-await */
-/* eslint-disable prefer-arrow/prefer-arrow-functions */
-
-// This file is a jest config which is run once before all tests are executed.
-// Right now we are only using it to set the timezone for unit tests execution
-// so that date calculation related tests run fine.
-module.exports = async function (globalConfig, projectConfig) {
-  process.env.TZ = 'America/Cordoba';
-};

package/jest.config.js

@@ -1,69 +0,0 @@
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
-/* eslint-disable @typescript-eslint/restrict-plus-operands */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable prefer-arrow/prefer-arrow-functions */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-const TS_CONFIG_PATH = './tsconfig.json';
-const SRC_PATH = '<rootDir>/projects/tgo-canopy-ui';
-
-function makeModuleNameMapper(srcPath, tsconfigPath) {
-  // Get paths from tsconfig
-  const { paths } = require(tsconfigPath).compilerOptions;
-
-  const aliases = {};
-
-  // Iterate over paths and convert them into moduleNameMapper format
-  Object.keys(paths).forEach(item => {
-    const key = item.replace('/*', '/(.*)');
-    const path = paths[item][0].replace('/*', '/$1');
-    aliases[key] = `${srcPath}/${path}`;
-  });
-  return aliases;
-}
-
-module.exports = {
-  preset: 'jest-preset-angular',
-  roots: [SRC_PATH],
-  testMatch: ['**/+(*.)+(spec).+(ts)'],
-  setupFilesAfterEnv: ['<rootDir>/projects/tgo-canopy-ui/test.ts'],
-  globalSetup: 'jest-preset-angular/global-setup',
-  collectCoverage: true,
-  coverageReporters: ['json', 'html', 'text'],
-  coverageDirectory: 'coverage',
-  moduleDirectories: ['node_modules', 'src'],
-  transform: {},
-  moduleNameMapper: {
-    '^lodash-es$': 'lodash',
-  },
-  collectCoverageFrom: [
-    'projects/tgo-canopy-ui/**/*.ts',
-    '!projects/tgo-canopy-ui/**/*module.ts',
-    '!projects/tgo-canopy-ui/**/*enums.ts',
-    '!projects/tgo-canopy-ui/**/*mocks.ts',
-    '!projects/tgo-canopy-ui/**/*model.ts',
-    '!projects/tgo-canopy-ui/main.ts',
-    '!projects/tgo-canopy-ui/polyfills.ts',
-    '!projects/tgo-canopy-ui/**/*.stories.ts',
-    '!projects/tgo-canopy-ui/public-api.ts',
-    '!projects/tgo-canopy-ui/components/deprecated-paginator/**/*.ts',
-    '!projects/tgo-canopy-ui/components/deprecated-table/**/*.ts',
-  ],
-  coverageThreshold: {
-    global: {
-      branches: 40,
-      functions: 40,
-      lines: 80,
-      statements: 40,
-    },
-    'projects/tgo-canopy-ui/**/*.ts': {
-      statements: 40,
-      branches: 40,
-      functions: 40,
-      lines: 80,
-    },
-  },
-
-  //moduleNameMapper: makeModuleNameMapper(SRC_PATH, TS_CONFIG_PATH),
-};

package/ng-package.json

@@ -1,9 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./dist/tgo-ui",
-  "lib": {
-    "entryFile": "./projects/tgo-canopy-ui/public-api.ts",
-    "styleIncludePaths": ["./projects/tgo-canopy-ui/theme"]
-  },
-  "assets": ["./projects/tgo-canopy-ui/theme/**/*.scss", "./projects/tgo-canopy-ui/assets", "./projects/tgo-canopy-ui/theme/**/*.otf"]
-}

package/projects/client/src/app/app.component.html

@@ -1 +0,0 @@
-<router-outlet></router-outlet>

package/projects/client/src/app/app.component.scss

@@ -1,8 +0,0 @@
-.text-body {
-  display: flex;
-  padding: 16px;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-}

package/projects/client/src/app/app.component.spec.ts

@@ -1,27 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(() => TestBed.configureTestingModule({
-    declarations: [AppComponent]
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'client'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('client');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('client app is running!');
-  });
-});

package/projects/client/src/app/app.component.ts

@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-  standalone: true,
-  imports: [
-    RouterOutlet,
-  ],
-})
-export class AppComponent {
-
-  countryList = [
-    {
-      "name": "Bouvet Island",
-      "alpha2Code": "BV",
-      "callingCode": "+0"
-    },
-    {
-      "name": "Brazil",
-      "alpha2Code": "BR",
-      "callingCode": "+55"
-    },
-    {
-      "name": "British Indian Ocean Territory",
-      "alpha2Code": "IO",
-      "callingCode": "+246"
-    },
-    {
-      "name": "Brunei Darussalam",
-      "alpha2Code": "BN",
-      "callingCode": "+673"
-    },
-  ]
-}

package/projects/client/src/app/app.routes.ts

@@ -1,8 +0,0 @@
-import { Routes } from "@angular/router";
-import { AppComponent } from "./app.component";
-
-export const routes: Routes = [
-  { path: '', component: AppComponent },
-  { path: 'avatar', loadComponent: () => import('./components/avatar/avatar.component').then(c => c.AvatarComponent)}
-];
-

package/projects/client/src/app/components/avatar/avatar.component.html

@@ -1,10 +0,0 @@
-<div class="flex-center">
-  <ui-avatar
-    [size]="size ?? AvatarSize.SMALL"
-    [imageUrl]="imageUrl ?? ''"
-    [name]="name ?? ''"
-    [tooltipText]="tooltipText ?? ''"
-    [allowEdit]="allowEdit ?? false"
-    [applicationTheme]="applicationTheme ?? 'light'"
-  ></ui-avatar>
-</div>

package/projects/client/src/app/components/avatar/avatar.component.ts

@@ -1,25 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { ApplicationTheme, AvatarComponentModule, AvatarSize } from '@testgorilla/tgo-ui';
-import { AsyncPipe, NgIf } from '@angular/common';
-
-@Component({
-  selector: 'app-avatar',
-  templateUrl: './avatar.component.html',
-  styleUrls: ['./avatar.component.scss'],
-  standalone: true,
-  imports: [
-    AvatarComponentModule,
-    AsyncPipe,
-    NgIf,
-  ],
-})
-export class AvatarComponent {
-  @Input() size: AvatarSize | undefined;
-  @Input() imageUrl: string | undefined;
-  @Input() name: string | undefined;
-  @Input() tooltipText: string | undefined;
-  @Input() allowEdit: boolean | undefined;
-  @Input() applicationTheme: ApplicationTheme | undefined;
-
-  protected readonly AvatarSize = AvatarSize;
-}

package/projects/client/src/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Client</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>

package/projects/client/src/main.ts

@@ -1,15 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app/app.component';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
-import { routes } from './app/app.routes';
-import { provideHttpClient } from '@angular/common/http';
-import { provideAnimations } from '@angular/platform-browser/animations';
-
-
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideRouter(routes, withComponentInputBinding()),
-    provideHttpClient(),
-    provideAnimations()
-  ]
-});

package/projects/client/src/styles.scss

@@ -1,10 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-@import "projects/tgo-canopy-ui/theme/theme";
-
-.flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}

package/projects/client/tsconfig.app.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/projects/client/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}