react-drawer/test/tests/with-scaled-background.spec.ts

import { test, expect } from '@playwright/test';
import { openDrawer } from './helpers';

test.beforeEach(async ({ page }) => {
  await page.goto('/with-scaled-background');
});

test.describe('With scaled background', () => {
  test('should scale background', async ({ page }) => {
    await expect(page.locator('[react-drawer-wrapper]')).not.toHaveCSS('transform', '');

    await page.getByTestId('trigger').click();

    await expect(page.locator('[react-drawer-wrapper]')).toHaveCSS('transform', /matrix/);
  });

  test('should scale background when dragging', async ({ page }) => {
    await expect(page.locator('[react-drawer-wrapper]')).not.toHaveCSS('transform', '');

    await openDrawer(page);

    await page.hover('[react-drawer]');
    await page.mouse.down();
    await page.mouse.move(0, 100);

    await expect(page.locator('[react-drawer-wrapper]')).toHaveCSS('transform', /matrix/);

    await page.mouse.up();

    await expect(page.locator('[react-drawer-wrapper]')).not.toHaveCSS('transform', '');
  });
});