AFFiNE/tests/parallels/change-page-mode.spec.ts

import { test } from '@affine-test/kit/playwright';
import { expect } from '@playwright/test';

import { openHomePage } from '../libs/load-page';
import { clickPageMoreActions, waitMarkdownImported } from '../libs/page-logic';

test('Switch to edgeless by switch edgeless item', async ({ page }) => {
  await openHomePage(page);
  await waitMarkdownImported(page);
  const btn = await page.getByTestId('switch-edgeless-mode-button');
  await btn.click();

  const edgeless = page.locator('affine-edgeless-page');
  expect(await edgeless.isVisible()).toBe(true);

  const editorWrapperPadding = await page
    .locator('.editor-wrapper.edgeless-mode')
    .evaluate(element => {
      return window.getComputedStyle(element).getPropertyValue('padding');
    });
  expect(editorWrapperPadding).toBe('0px');
});

test('Convert to edgeless by editor header items', async ({ page }) => {
  await openHomePage(page);
  await waitMarkdownImported(page);
  await clickPageMoreActions(page);
  const menusEdgelessItem = page.getByTestId('editor-option-menu-edgeless');
  await menusEdgelessItem.click({ delay: 100 });

  const edgeless = page.locator('affine-edgeless-page');
  expect(await edgeless.isVisible()).toBe(true);
});