@teseor/css 1.15.0 → 1.15.2

package/src/components/data-display/stat/stat.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'stat.docs.html');
-
-test.describe('stat visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'stat');
-    await saveForLostPixel(page, 'stat');
-    await expect(page.locator('body')).toHaveScreenshot('stat.visual.png');
-  });
-});

package/src/components/data-display/status/status.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'status.docs.html');
-
-test.describe('status visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'status');
-    await saveForLostPixel(page, 'status');
-    await expect(page.locator('body')).toHaveScreenshot('status.visual.png');
-  });
-});

package/src/components/data-display/table/table.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'table.docs.html');
-
-test.describe('table visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'table');
-    await saveForLostPixel(page, 'table');
-    await expect(page.locator('body')).toHaveScreenshot('table.visual.png');
-  });
-});

package/src/components/data-display/tag/tag.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'tag.docs.html');
-
-test.describe('tag visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'tag');
-    await saveForLostPixel(page, 'tag');
-    await expect(page.locator('body')).toHaveScreenshot('tag.visual.png');
-  });
-});

package/src/components/disclosure/accordion/accordion.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'accordion.docs.html');
-
-test.describe('accordion visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'accordion');
-    await saveForLostPixel(page, 'accordion');
-    await expect(page.locator('body')).toHaveScreenshot('accordion.visual.png');
-  });
-});

package/src/components/disclosure/disclosure/disclosure.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'disclosure.docs.html');
-
-test.describe('disclosure visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'disclosure');
-    await saveForLostPixel(page, 'disclosure');
-    await expect(page.locator('body')).toHaveScreenshot('disclosure.visual.png');
-  });
-});

package/src/components/feedback/alert/alert.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'alert.docs.html');
-
-test.describe('alert visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'alert');
-    await saveForLostPixel(page, 'alert');
-    await expect(page.locator('body')).toHaveScreenshot('alert.visual.png');
-  });
-});

package/src/components/feedback/progress/progress.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'progress.docs.html');
-
-test.describe('progress visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'progress');
-    await saveForLostPixel(page, 'progress');
-    await expect(page.locator('body')).toHaveScreenshot('progress.visual.png');
-  });
-});

package/src/components/feedback/progress-circle/progress-circle.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'progress-circle.docs.html');
-
-test.describe('progress-circle visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'progress-circle');
-    await saveForLostPixel(page, 'progress-circle');
-    await expect(page.locator('body')).toHaveScreenshot('progress-circle.visual.png');
-  });
-});

package/src/components/feedback/skeleton/skeleton.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'skeleton.docs.html');
-
-test.describe('skeleton visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'skeleton');
-    await saveForLostPixel(page, 'skeleton');
-    await expect(page.locator('body')).toHaveScreenshot('skeleton.visual.png');
-  });
-});

package/src/components/feedback/spinner/spinner.visual.spec.ts

@@ -1,19 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'spinner.docs.html');
-
-test.describe('spinner visual regression', () => {
-  // TODO: Skip grid rhythm until #154 is resolved (CSS var resolution issue)
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    // await validateGridRhythm(page, 'spinner');
-    await saveForLostPixel(page, 'spinner');
-    await expect(page.locator('body')).toHaveScreenshot('spinner.visual.png');
-  });
-});

package/src/components/feedback/toast/toast.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'toast.docs.html');
-
-test.describe('toast visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'toast');
-    await saveForLostPixel(page, 'toast');
-    await expect(page.locator('body')).toHaveScreenshot('toast.visual.png');
-  });
-});

package/src/components/forms/checkbox/checkbox.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'checkbox.docs.html');
-
-test.describe('checkbox visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'checkbox');
-    await saveForLostPixel(page, 'checkbox');
-    await expect(page.locator('body')).toHaveScreenshot('checkbox.visual.png');
-  });
-});

package/src/components/forms/checkbox-group/checkbox-group.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'checkbox-group.docs.html');
-
-test.describe('checkbox-group visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'checkbox-group');
-    await saveForLostPixel(page, 'checkbox-group');
-    await expect(page.locator('body')).toHaveScreenshot('checkbox-group.visual.png');
-  });
-});

package/src/components/forms/field/field.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'field.docs.html');
-
-test.describe('field visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'field');
-    await saveForLostPixel(page, 'field');
-    await expect(page.locator('body')).toHaveScreenshot('field.visual.png');
-  });
-});

package/src/components/forms/fieldset/fieldset.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'fieldset.docs.html');
-
-test.describe('fieldset visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'fieldset');
-    await saveForLostPixel(page, 'fieldset');
-    await expect(page.locator('body')).toHaveScreenshot('fieldset.visual.png');
-  });
-});

package/src/components/forms/form/form.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'form.docs.html');
-
-test.describe('form visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'form');
-    await saveForLostPixel(page, 'form');
-    await expect(page.locator('body')).toHaveScreenshot('form.visual.png');
-  });
-});

package/src/components/forms/form-error/form-error.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'form-error.docs.html');
-
-test.describe('form-error visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'form-error');
-    await saveForLostPixel(page, 'form-error');
-    await expect(page.locator('body')).toHaveScreenshot('form-error.visual.png');
-  });
-});

package/src/components/forms/form-helper/form-helper.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'form-helper.docs.html');
-
-test.describe('form-helper visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'form-helper');
-    await saveForLostPixel(page, 'form-helper');
-    await expect(page.locator('body')).toHaveScreenshot('form-helper.visual.png');
-  });
-});

package/src/components/forms/input/input.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'input.docs.html');
-
-test.describe('input visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'input');
-    await saveForLostPixel(page, 'input');
-    await expect(page.locator('body')).toHaveScreenshot('input.visual.png');
-  });
-});

package/src/components/forms/label/label.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'label.docs.html');
-
-test.describe('label visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'label');
-    await saveForLostPixel(page, 'label');
-    await expect(page.locator('body')).toHaveScreenshot('label.visual.png');
-  });
-});

package/src/components/forms/number-input/number-input.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'number-input.docs.html');
-
-test.describe('number-input visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'number-input');
-    await saveForLostPixel(page, 'number-input');
-    await expect(page.locator('body')).toHaveScreenshot('number-input-visual.png');
-  });
-});

package/src/components/forms/password-input/password-input.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'password-input.docs.html');
-
-test.describe('password-input visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'password-input');
-    await saveForLostPixel(page, 'password-input');
-    await expect(page.locator('body')).toHaveScreenshot('password-input-visual.png');
-  });
-});

package/src/components/forms/radio/radio.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'radio.docs.html');
-
-test.describe('radio visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'radio');
-    await saveForLostPixel(page, 'radio');
-    await expect(page.locator('body')).toHaveScreenshot('radio.visual.png');
-  });
-});

package/src/components/forms/radio-group/radio-group.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'radio-group.docs.html');
-
-test.describe('radio-group visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'radio-group');
-    await saveForLostPixel(page, 'radio-group');
-    await expect(page.locator('body')).toHaveScreenshot('radio-group.visual.png');
-  });
-});

package/src/components/forms/search-input/search-input.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'search-input.docs.html');
-
-test.describe('search-input visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'search-input');
-    await saveForLostPixel(page, 'search-input');
-    await expect(page.locator('body')).toHaveScreenshot('search-input.visual.png');
-  });
-});

package/src/components/forms/select/select.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'select.docs.html');
-
-test.describe('select visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'select');
-    await saveForLostPixel(page, 'select');
-    await expect(page.locator('body')).toHaveScreenshot('select.visual.png');
-  });
-});

package/src/components/forms/slider/slider.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'slider.docs.html');
-
-test.describe('slider visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'slider');
-    await saveForLostPixel(page, 'slider');
-    await expect(page.locator('body')).toHaveScreenshot('slider.visual.png');
-  });
-});

package/src/components/forms/textarea/textarea.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'textarea.docs.html');
-
-test.describe('textarea visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'textarea');
-    await saveForLostPixel(page, 'textarea');
-    await expect(page.locator('body')).toHaveScreenshot('textarea.visual.png');
-  });
-});