@testgorilla/tgo-ui 2.11.1 → 2.11.2

package/e2e/createAccount.spec.ts

@@ -1,102 +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-create-account--default', 'ui-create-account img'],
-];
-const emailField = 'input[type="email"]';
-const passwordField = 'input[type="password"]'
-const termsCheckbox = 'ui-checkbox[formcontrolname="agree_terms_and_conditions"]'
-
-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);
-    });
-  });
-}
-
-test.describe(`Validating the accessibility and snapshot for register coponent with inputs`, () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(urls[0][0]);
-    // await injectAxe(page);
-  });
-
-  test(`Visual snapshot test for register coponent with texts`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(emailField).fill('test@tg.com');
-    await page.locator(passwordField).fill('Test@1234567');
-    await page.locator(termsCheckbox).click();
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('register-with-texts.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);
-  });
-
-  test(`Visual snapshot test for register coponent with errors`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(emailField).fill('test@tg.com');
-    await page.locator(passwordField).fill('Test@1234567');
-    await page.locator(termsCheckbox).click();
-    await page.locator(emailField).fill('');
-    await page.locator(passwordField).fill('');
-    await page.locator(termsCheckbox).click();
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('register-with-errors.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/createPassword.spec.ts

@@ -1,94 +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-create-password--default&args=&viewMode=story', 'ui-create-password img'],
-];
-const passwordField = 'input[type="password"]'
-
-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);
-    });
-  });
-}
-
-test.describe(`Validating the accessibility and snapshot for create password coponent with inputs`, () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(urls[0][0]);
-    // await injectAxe(page);
-  });
-
-  test(`Visual snapshot test for create password coponent with texts`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(passwordField).fill('Test@1234567');
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('createPassword-with-texts.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);
-  });
-
-  test(`Visual snapshot test for create password coponent with errors`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(passwordField).fill('Test@1234567');
-    await page.locator(passwordField).fill('');
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('createPassword-with-errors.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/dialog.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=dialog-dialog--default', 'ui-dialog']
-];
-
-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/field.spec.ts

@@ -1,51 +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=forms-field--email', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--number-type', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--password', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--search', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--tel', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--text', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--with-disable', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--with-errors', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--with-require', 'ui-field mat-form-field'],
-  ['/iframe.html?viewMode=story&id=forms-field--without-label', 'ui-field mat-form-field']
-];
-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/forgotPassword.spec.ts

@@ -1,94 +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-forgot-password--default&args=&viewMode=story', 'ui-forgot-password'],
-];
-const emailField = 'input[type="email"]';
-
-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);
-    });
-  });
-}
-
-test.describe(`Validating the accessibility and snapshot for forgotPassword coponent with inputs`, () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(urls[0][0]);
-    // await injectAxe(page);
-  });
-
-  test(`Visual snapshot test for forgotPassword coponent with texts`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(emailField).fill('test@tg.com');
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('forgotPassword-with-texts.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);
-  });
-
-  test(`Visual snapshot test for forgotPassword coponent with errors`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(emailField).fill('test@tg.com');
-    await page.locator(emailField).fill('');
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('forgotPassword-with-errors.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/label.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=under-review-label--big', 'ui-label'],
-  ['/iframe.html?viewMode=story&id=under-review-label--huge', 'ui-label'],
-  ['/iframe.html?viewMode=story&id=under-review-label--small', 'ui-label'],
-  ['/iframe.html?viewMode=story&id=under-review-label--medium', 'ui-label'],
-  ['/iframe.html?viewMode=story&id=under-review-label--large', 'ui-label'],
-];
-
-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/login.spec.ts

@@ -1,102 +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-login--default', 'ui-login img'],
-];
-const emailField = 'ui-field input[type="email"]';
-const passwordField = 'ui-field input[type="password"]'
-const rememberMeCheckbox = 'ui-checkbox[formcontrolname="remember_me"]'
-
-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);
-    });
-  });
-}
-
-test.describe(`Validating the accessibility and snapshot for login coponent with inputs`, () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(urls[0][0]);
-    // await injectAxe(page);
-  });
-
-  test(`Visual snapshot test for login coponent with texts`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(emailField).fill('test@tg.com');
-    await page.locator(passwordField).fill('Test@1234567');
-    await page.locator(rememberMeCheckbox).click();
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('login-with-texts.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);
-  });
-
-  test(`Visual snapshot test for login coponent with errors`, async ({ page }) => {
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    
-    expect(page.locator(urls[0][1])).toBeVisible({ timeout: 10000 });
-    await page.locator(emailField).fill('test@tg.com');
-    await page.locator(passwordField).fill('Test@1234567');
-    await page.locator(rememberMeCheckbox).click();
-    await page.locator(emailField).fill('');
-    await page.locator(passwordField).fill('');
-    await page.locator(rememberMeCheckbox).click();
-    await page.waitForLoadState('domcontentloaded');
-    await page.waitForLoadState('load');
-    await page.waitForTimeout(1000);
-    await expect(page).toHaveScreenshot('login-with-errors.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);
-  });
-});