react-drawer/test/tests/non-dismissible.spec.ts

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

test.beforeEach(async ({ page }) => {
  await page.goto('/non-dismissible');
});

test.describe('Non-dismissible', () => {
  test('should not close on background interaction', async ({ page }) => {
    await openDrawer(page);
    // Click on the background
    await page.mouse.click(0, 0);
    await page.waitForTimeout(ANIMATION_DURATION);
    await expect(page.getByTestId('content')).toBeVisible();
  });

  test('should not close when dragged down', async ({ page }) => {
    await openDrawer(page);
    await page.hover('[react-drawer]');
    await page.mouse.down();
    await page.mouse.move(0, 800);
    await page.mouse.up();
    await page.waitForTimeout(ANIMATION_DURATION);
    await expect(page.getByTestId('content')).toBeVisible();
  });

  test('should close when the dismiss button is clicked', async ({ page }) => {
    await openDrawer(page);

    await page.getByTestId('dismiss-button').click();
    await page.waitForTimeout(ANIMATION_DURATION);
    await expect(page.getByTestId('content')).not.toBeVisible();
  });
});