@zap-wunschlachen/wl-shared-components 1.0.35 → 1.0.37

package/tests/e2e/dialog.spec.ts

@@ -1,58 +1,58 @@
-import { test, expect } from '@playwright/test';
-
-test.describe('Dialog Component', () => {
-  async function getFrame(page) {
-    await page.waitForSelector('#storybook-preview-iframe', { timeout: 30000 });
-    const frame = page.frame({ url: /iframe\.html/ });
-    if (!frame) throw new Error('Frame not found');
-    await frame.waitForSelector('body', { timeout: 30000, state: 'attached' });
-    await page.waitForTimeout(1000); // Give time for Vue components to mount
-    return frame;
-  }
-
-  test('renders trigger button', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-dialog--default-dialog');
-    const frame = await getFrame(page);
-    
-    // Look for the button with the specific text
-    const trigger = frame.locator('button:has-text("Neuen Entwurf erstellen")').first();
-    await expect(trigger).toBeVisible();
-  });
-
-  test('opens dialog on trigger click', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-dialog--default-dialog');
-    const frame = await getFrame(page);
-    
-    // Look for the button with the specific text
-    const trigger = frame.locator('button:has-text("Neuen Entwurf erstellen")').first();
-    await trigger.click();
-    
-    await page.waitForTimeout(500);
-    const dialog = page.locator('.v-dialog, [role="dialog"], .v-overlay--active').first();
-    if (await dialog.count() > 0) {
-      await expect(dialog).toBeVisible();
-    }
-  });
-
-  test('closes dialog with close button', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-dialog--default-dialog');
-    const frame = await getFrame(page);
-    
-    // Look for the button with the specific text
-    const trigger = frame.locator('button:has-text("Neuen Entwurf erstellen")').first();
-    await trigger.click();
-    
-    await page.waitForTimeout(500);
-    const dialog = page.locator('.v-dialog, [role="dialog"], .v-overlay--active').first();
-    if (await dialog.count() > 0) {
-      // Look for 'Nein' button which closes the dialog
-      const closeButton = page.locator('button:has-text("Nein")').first();
-      if (await closeButton.count() > 0) {
-        await closeButton.click();
-        await page.waitForTimeout(500);
-        const dialogAfterClose = page.locator('.v-dialog:visible, [role="dialog"]:visible').first();
-        await expect(dialogAfterClose).toHaveCount(0);
-      }
-    }
-  });
-});
+import { test, expect } from '@playwright/test';
+
+test.describe('Dialog Component', () => {
+  async function getFrame(page) {
+    await page.waitForSelector('#storybook-preview-iframe', { timeout: 30000 });
+    const frame = page.frame({ url: /iframe\.html/ });
+    if (!frame) throw new Error('Frame not found');
+    await frame.waitForSelector('body', { timeout: 30000, state: 'attached' });
+    await page.waitForTimeout(1000); // Give time for Vue components to mount
+    return frame;
+  }
+
+  test('renders trigger button', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-dialog--default-dialog');
+    const frame = await getFrame(page);
+    
+    // Look for the button with the specific text
+    const trigger = frame.locator('button:has-text("Neuen Entwurf erstellen")').first();
+    await expect(trigger).toBeVisible();
+  });
+
+  test('opens dialog on trigger click', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-dialog--default-dialog');
+    const frame = await getFrame(page);
+    
+    // Look for the button with the specific text
+    const trigger = frame.locator('button:has-text("Neuen Entwurf erstellen")').first();
+    await trigger.click();
+    
+    await page.waitForTimeout(500);
+    const dialog = page.locator('.v-dialog, [role="dialog"], .v-overlay--active').first();
+    if (await dialog.count() > 0) {
+      await expect(dialog).toBeVisible();
+    }
+  });
+
+  test('closes dialog with close button', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-dialog--default-dialog');
+    const frame = await getFrame(page);
+    
+    // Look for the button with the specific text
+    const trigger = frame.locator('button:has-text("Neuen Entwurf erstellen")').first();
+    await trigger.click();
+    
+    await page.waitForTimeout(500);
+    const dialog = page.locator('.v-dialog, [role="dialog"], .v-overlay--active').first();
+    if (await dialog.count() > 0) {
+      // Look for 'Nein' button which closes the dialog
+      const closeButton = page.locator('button:has-text("Nein")').first();
+      if (await closeButton.count() > 0) {
+        await closeButton.click();
+        await page.waitForTimeout(500);
+        const dialogAfterClose = page.locator('.v-dialog:visible, [role="dialog"]:visible').first();
+        await expect(dialogAfterClose).toHaveCount(0);
+      }
+    }
+  });
+});

package/tests/e2e/input.spec.ts

@@ -1,55 +1,55 @@
-import { test, expect } from '@playwright/test';
-
-test.describe('Input Component', () => {
-  async function getFrame(page) {
-    await page.waitForSelector('#storybook-preview-iframe', { timeout: 30000 });
-    const frame = page.frame({ url: /iframe\.html/ });
-    if (!frame) throw new Error('Frame not found');
-    await frame.waitForSelector('body', { timeout: 30000, state: 'attached' });
-    await page.waitForTimeout(1000); // Give time for Vue components to mount
-    return frame;
-  }
-
-  test('renders default input', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-input--default');
-    const frame = await getFrame(page);
-    
-    const input = frame.locator('input:visible').first();
-    await expect(input).toBeVisible();
-  });
-
-  test('accepts text input', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-input--default');
-    const frame = await getFrame(page);
-    
-    const input = frame.locator('input:visible').first();
-    await input.fill('Test input');
-    await expect(input).toHaveValue('Test input');
-  });
-
-  test('shows placeholder text', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-input--default');
-    const frame = await getFrame(page);
-    
-    const input = frame.locator('input:visible').first();
-    await expect(input).toBeVisible();
-  });
-
-  test('displays error state', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-input--error');
-    const frame = await getFrame(page);
-    
-    const errorMessage = frame.locator('.v-messages__message, .error--text').first();
-    if (await errorMessage.count() > 0) {
-      await expect(errorMessage).toBeVisible();
-    }
-  });
-
-  test('handles disabled state', async ({ page }) => {
-    await page.goto('http://localhost:7000/?path=/story/wl-input--disabled');
-    const frame = await getFrame(page);
-    
-    const input = frame.locator('input').first();
-    await expect(input).toBeDisabled();
-  });
-});
+import { test, expect } from '@playwright/test';
+
+test.describe('Input Component', () => {
+  async function getFrame(page) {
+    await page.waitForSelector('#storybook-preview-iframe', { timeout: 30000 });
+    const frame = page.frame({ url: /iframe\.html/ });
+    if (!frame) throw new Error('Frame not found');
+    await frame.waitForSelector('body', { timeout: 30000, state: 'attached' });
+    await page.waitForTimeout(1000); // Give time for Vue components to mount
+    return frame;
+  }
+
+  test('renders default input', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-input--default');
+    const frame = await getFrame(page);
+    
+    const input = frame.locator('input:visible').first();
+    await expect(input).toBeVisible();
+  });
+
+  test('accepts text input', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-input--default');
+    const frame = await getFrame(page);
+    
+    const input = frame.locator('input:visible').first();
+    await input.fill('Test input');
+    await expect(input).toHaveValue('Test input');
+  });
+
+  test('shows placeholder text', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-input--default');
+    const frame = await getFrame(page);
+    
+    const input = frame.locator('input:visible').first();
+    await expect(input).toBeVisible();
+  });
+
+  test('displays error state', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-input--error');
+    const frame = await getFrame(page);
+    
+    const errorMessage = frame.locator('.v-messages__message, .error--text').first();
+    if (await errorMessage.count() > 0) {
+      await expect(errorMessage).toBeVisible();
+    }
+  });
+
+  test('handles disabled state', async ({ page }) => {
+    await page.goto('http://localhost:7000/?path=/story/wl-input--disabled');
+    const frame = await getFrame(page);
+    
+    const input = frame.locator('input').first();
+    await expect(input).toBeDisabled();
+  });
+});