@astryxdesign/core 0.7.5 → 0.7.6-canary.0bd3b37

package/dist/MobileNav/MobileNavPinchZoom.a11y.chromium.spec.js

@@ -1,153 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-// @pr-a11y release-only
-
-/**
- * @file MobileNavPinchZoom.a11y.chromium.spec.ts
- * @input Built MobileNav stories and real Chromium touch input (CDP)
- * @output Browser evidence that a two-finger pinch on the open nav, over its
- *   content or its backdrop, zooms the page (WCAG 1.4.4)
- * @position Chromium proof for MobileNav's touch-action declarations
- */
-
-import { expect, test } from '@playwright/test';
-import { DEFAULT_STORYBOOK_DIR, serveStorybook } from '@astryxdesign/a11y-spec/storybook';
-let storybook;
-test.beforeAll(async () => {
-  storybook = await serveStorybook(process.env.ASTRYX_STORYBOOK_DIR ?? DEFAULT_STORYBOOK_DIR);
-});
-test.afterAll(async () => {
-  await storybook?.close();
-});
-
-// A phone: the viewport meta applies and the page can pinch-zoom.
-test.use({
-  hasTouch: true,
-  isMobile: true,
-  viewport: {
-    width: 390,
-    height: 844
-  },
-  deviceScaleFactor: 3
-});
-const sleep = async ms => new Promise(resolve => setTimeout(resolve, ms));
-async function openNav(page) {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-mobilenav--default&viewMode=story`);
-  await page.getByRole('button', {
-    name: 'Open Navigation'
-  }).tap();
-  const nav = page.getByRole('dialog');
-  await expect(nav).toBeVisible();
-  await page.waitForTimeout(600); // the slide-in
-  const panel = nav.getByRole('link', {
-    name: 'Dashboard'
-  });
-  const box = await panel.boundingBox();
-  if (box == null) {
-    throw new Error('no nav item box');
-  }
-  expect(await page.evaluate(() => window.visualViewport?.scale)).toBe(1);
-  return {
-    nav,
-    box
-  };
-}
-// Two fingers land one after the other and spread apart, as a person pinches.
-// The spread is wide enough to clear the browser's minimum pinch span.
-async function pinch(cdp, first, second) {
-  const steps = 12;
-  const spread = 3;
-  const mid = {
-    x: (first.x + second.x) / 2,
-    y: (first.y + second.y) / 2
-  };
-  const at = (p, k, id) => ({
-    x: mid.x + (p.x - mid.x) * k,
-    y: mid.y + (p.y - mid.y) * k,
-    id
-  });
-  await cdp.send('Input.dispatchTouchEvent', {
-    type: 'touchStart',
-    touchPoints: [at(first, 1, 1)]
-  });
-  await sleep(30);
-  await cdp.send('Input.dispatchTouchEvent', {
-    type: 'touchStart',
-    touchPoints: [at(first, 1, 1), at(second, 1, 2)]
-  });
-  for (let i = 1; i <= steps; i++) {
-    await sleep(16);
-    const k = 1 + (spread - 1) * i / steps;
-    await cdp.send('Input.dispatchTouchEvent', {
-      type: 'touchMove',
-      touchPoints: [at(first, k, 1), at(second, k, 2)]
-    });
-  }
-  await sleep(16);
-  await cdp.send('Input.dispatchTouchEvent', {
-    type: 'touchEnd',
-    touchPoints: []
-  });
-  await sleep(600);
-}
-test('a pinch on the nav content zooms the page', async ({
-  page
-}) => {
-  const {
-    nav,
-    box
-  } = await openNav(page);
-  const cdp = await page.context().newCDPSession(page);
-  const x = box.x + box.width / 2;
-  // A sideways spread: the content scrolls vertically, so a vertical spread
-  // would spend its first stretch panning before the zoom takes over.
-  await pinch(cdp, {
-    x: x - 30,
-    y: box.y + 80
-  }, {
-    x: x + 30,
-    y: box.y + 80
-  });
-  expect(await page.evaluate(() => window.visualViewport?.scale ?? 1)).toBeGreaterThan(1.2);
-  await expect(nav).toBeVisible();
-});
-test('a pinch on the backdrop beside the nav zooms the page', async ({
-  page
-}) => {
-  const {
-    nav
-  } = await openNav(page);
-  // The panel is the dialog's own child; the rest of the dialog is backdrop.
-  // Whichever side the panel sits on, pinch in the strip beside it.
-  const panel = await nav.locator(':scope > div').first().boundingBox();
-  if (panel == null) {
-    throw new Error('no nav panel box');
-  }
-  const viewport = page.viewportSize();
-  const before = panel.x;
-  const after = viewport.width - (panel.x + panel.width);
-  const strip = before >= after ? {
-    start: 0,
-    end: panel.x
-  } : {
-    start: panel.x + panel.width,
-    end: viewport.width
-  };
-  expect(strip.end - strip.start).toBeGreaterThan(40);
-  const x = (strip.start + strip.end) / 2;
-  const fingers = [{
-    x: x - 4,
-    y: 380
-  }, {
-    x: x + 4,
-    y: 440
-  }];
-  // Both fingers land on the backdrop, outside the panel.
-  for (const finger of fingers) {
-    expect(finger.x < panel.x || finger.x > panel.x + panel.width).toBe(true);
-    expect(await nav.evaluate((dialog, p) => document.elementFromPoint(p.x, p.y) === dialog, finger)).toBe(true);
-  }
-  const cdp = await page.context().newCDPSession(page);
-  await pinch(cdp, fingers[0], fingers[1]);
-  expect(await page.evaluate(() => window.visualViewport?.scale ?? 1)).toBeGreaterThan(1.2);
-  await expect(nav).toBeVisible();
-});

package/dist/MultiSelector/CreateRow.a11y.chromium.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=CreateRow.a11y.chromium.spec.d.ts.map

package/dist/MultiSelector/CreateRow.a11y.chromium.spec.js

@@ -1,116 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-// @pr-a11y release-only
-
-/**
- * @file CreateRow.a11y.chromium.spec.ts
- * @input The `Core/MultiSelector` CreateFromQuery story in a built Storybook.
- * @output Real-engine proof of the create row's appear/disappear cycle: what
- *   the live region says as the row comes and goes, and where the highlight
- *   lands when the row vanishes mid-type. The region clears itself after each
- *   announcement, so the spec reads a record of what it exposed rather than
- *   its live text.
- * @position Run with `pnpm test:a11y-contract`; a DOM emulator cannot show
- *   the live region and the active descendant as a screen reader sees them
- *   across a sequence of keystrokes.
- */
-
-import { expect, test } from '@playwright/test';
-import { DEFAULT_STORYBOOK_DIR, serveStorybook } from '@astryxdesign/a11y-spec/storybook';
-let storybook;
-test.beforeAll(async () => {
-  storybook = await serveStorybook(process.env.ASTRYX_STORYBOOK_DIR ?? DEFAULT_STORYBOOK_DIR);
-});
-test.afterAll(async () => {
-  await storybook?.close();
-});
-
-/**
- * Records every message the polite region exposes, in order. The region
- * clears itself 2 s after its last announcement, so a read of its live text
- * that a slow runner makes late finds it empty; the record keeps what was
- * said.
- */
-async function recordPolite(page) {
-  await page.evaluate(() => {
-    const exposed = [];
-    window.__polite = exposed;
-    new MutationObserver(() => {
-      const text = document.querySelector('[data-astryx-live-region="polite"]')?.textContent?.trim() ?? '';
-      if (text !== '' && text !== exposed.at(-1)) {
-        exposed.push(text);
-      }
-    }).observe(document.body, {
-      subtree: true,
-      childList: true,
-      characterData: true
-    });
-  });
-}
-
-/** How many messages the polite region has exposed so far. */
-async function politeCount(page) {
-  return page.evaluate(() => window.__polite.length);
-}
-
-/** The latest message the polite region exposed after the first `since`. */
-async function politeSince(page, since) {
-  return page.evaluate(start => window.__polite.slice(start).at(-1) ?? '', since);
-}
-
-/**
- * Matches a polite region whose newest message is `message`. Messages written
- * before the region exposes the previous one are joined in order
- * (spec:AST-086 FR9), so typing faster than a frame can leave the previous
- * keystroke's message ahead of the one under test.
- */
-function newestMessage(message) {
-  const escaped = message.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  return new RegExp(`(^|\\s)${escaped}$`);
-}
-async function activeDescendantText(page) {
-  return page.evaluate(() => {
-    const id = document.activeElement?.getAttribute('aria-activedescendant');
-    return id ? document.getElementById(id)?.textContent?.trim() ?? '' : null;
-  });
-}
-test('the create row is announced as it appears and the highlight survives it vanishing', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--create-from-query&viewMode=story`);
-  const search = page.getByRole('combobox');
-  await expect(search).toBeFocused();
-  await recordPolite(page);
-
-  // "Bu": a partial match plus the create row above it.
-  await search.pressSequentially('Bu');
-  await expect(page.getByRole('option')).toHaveText(['Create "Bu"', 'Bug']);
-  await expect.poll(async () => politeSince(page, 0)).toMatch(newestMessage('1 result'));
-
-  // Highlight the create row, then type the letter that makes it vanish: the
-  // highlight must not be left pointing at a row that no longer exists.
-  await search.press('ArrowDown');
-  await expect.poll(async () => activeDescendantText(page)).toBe('Create "Bu"');
-  await search.press('g');
-  await expect(page.getByRole('option')).toHaveText(['Bug']);
-  await expect.poll(async () => activeDescendantText(page)).not.toBe('Create "Bu"');
-  const after = await activeDescendantText(page);
-  expect(after === null || after === 'Bug').toBe(true);
-
-  // A query that matches nothing: the row is the whole result and the region
-  // says so rather than "No results found".
-  const beforeUrgent = await politeCount(page);
-  await search.fill('');
-  await search.pressSequentially('Urgent');
-  await expect(page.getByRole('option')).toHaveText(['Create "Urgent"']);
-  await expect.poll(async () => politeSince(page, beforeUrgent)).toMatch(newestMessage('Create "Urgent"'));
-
-  // Enter commits: the caller adds the option, the search clears, and the new
-  // label is a real row.
-  const beforeEnter = await politeCount(page);
-  await search.press('Enter');
-  await expect.poll(async () => politeSince(page, beforeEnter)).toMatch(newestMessage('Urgent created'));
-  await expect(search).toHaveValue('');
-  await expect(page.getByRole('option', {
-    name: 'Urgent'
-  })).toHaveAttribute('aria-selected', 'true');
-});

package/dist/MultiSelector/MultiSelector.disabledFocus.a11y.chromium.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MultiSelector.disabledFocus.a11y.chromium.spec.d.ts.map

package/dist/MultiSelector/MultiSelector.disabledFocus.a11y.chromium.spec.js

@@ -1,49 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-// @pr-a11y always
-
-/**
- * @file MultiSelector.disabledFocus.a11y.chromium.spec.ts
- * @input The `Core/MultiSelector` Default story in a built Storybook.
- * @output Real-engine proof of `spec:AST-085` FR4: a trigger disabled while it
- *   holds keyboard focus keeps focus and reports itself disabled.
- * @position Run with `pnpm test:a11y-contract`; a DOM emulator does not move
- *   focus off an element that becomes disabled, so it cannot show the loss.
- */
-
-import { expect, test } from '@playwright/test';
-import { DEFAULT_STORYBOOK_DIR, serveStorybook } from '@astryxdesign/a11y-spec/storybook';
-let storybook;
-test.beforeAll(async () => {
-  storybook = await serveStorybook(process.env.ASTRYX_STORYBOOK_DIR ?? DEFAULT_STORYBOOK_DIR);
-});
-test.afterAll(async () => {
-  await storybook?.close();
-});
-test('a focused trigger keeps focus when it becomes disabled', async ({
-  page
-}) => {
-  const storyId = 'core-multiselector--default';
-  await page.goto(`${storybook.origin}/iframe.html?id=${storyId}&viewMode=story`);
-  const trigger = page.getByRole('combobox', {
-    name: 'Columns'
-  });
-  await trigger.focus();
-  await expect(trigger).toBeFocused();
-  await page.evaluate(id => {
-    const channel = window.__STORYBOOK_ADDONS_CHANNEL__;
-    if (channel == null) {
-      throw new Error('Storybook channel is unavailable');
-    }
-    channel.emit('updateStoryArgs', {
-      storyId: id,
-      updatedArgs: {
-        isDisabled: true
-      }
-    });
-  }, storyId);
-
-  // Wait for the disabled re-render in either form, so focus is checked
-  // after it lands.
-  await expect.poll(async () => trigger.evaluate(el => el.hasAttribute('disabled') || el.getAttribute('aria-disabled') === 'true')).toBe(true);
-  await expect(trigger).toBeFocused();
-});

package/dist/MultiSelector/OptionActions.a11y.chromium.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=OptionActions.a11y.chromium.spec.d.ts.map

package/dist/MultiSelector/OptionActions.a11y.chromium.spec.js

@@ -1,273 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-// @pr-a11y release-only
-
-/**
- * @file OptionActions.a11y.chromium.spec.ts
- * @input The `Core/MultiSelector` RowActions and RowActionsRtl stories in a
- *   built Storybook.
- * @output Real-engine proof for option actions: the action is visible at rest
- *   beside its row (`spec:AST-058` FR8), the keyboard reaches it through the
- *   inline-end arrow in both directions and fires it with Enter, the active
- *   action cell draws the standard focus ring when the shared input modality
- *   is keyboard and not after pointer input, and the highlight follows a real
- *   mouse across rows and actions.
- * @position Run with `pnpm test:a11y-contract`; paint, pointer paths and the
- *   active descendant as an engine exposes them are not jsdom claims.
- */
-
-import { expect, test } from '@playwright/test';
-import { DEFAULT_STORYBOOK_DIR, serveStorybook } from '@astryxdesign/a11y-spec/storybook';
-let storybook;
-test.beforeAll(async () => {
-  storybook = await serveStorybook(process.env.ASTRYX_STORYBOOK_DIR ?? DEFAULT_STORYBOOK_DIR);
-});
-test.afterAll(async () => {
-  await storybook?.close();
-});
-async function box(locator) {
-  const rect = await locator.boundingBox();
-  if (rect == null) {
-    throw new Error(`no box for ${String(locator)}`);
-  }
-  return rect;
-}
-async function litRows(page) {
-  return page.evaluate(() => {
-    const rows = Array.from(document.querySelectorAll('[role="row"]'));
-    const base = rows.find(r => r.textContent?.includes('P1'));
-    const baseBg = base ? getComputedStyle(base).backgroundColor : 'rgba(0, 0, 0, 0)';
-    return rows.filter(r => getComputedStyle(r).backgroundColor !== baseBg).map(r => r.querySelector('[role="gridcell"]')?.textContent?.trim() ?? '');
-  });
-}
-async function activeDescendant(page) {
-  return page.evaluate(() => {
-    const id = document.activeElement?.getAttribute('aria-activedescendant');
-    if (!id) {
-      return null;
-    }
-    const el = document.getElementById(id);
-    if (!el) {
-      return 'missing';
-    }
-    // The row is named by its option cell; the action cell by the control in
-    // it. Report role + that name, not raw text (an icon's title would leak).
-    const role = el.getAttribute('role');
-    const name = role === 'row' ? document.getElementById(el.getAttribute('aria-labelledby') ?? '')?.textContent ?? '' : el.querySelector('button')?.getAttribute('aria-label') ?? '';
-    return `${role}:${name.trim()}`;
-  });
-}
-test('actions are visible at rest, in their rows, inside the grid', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--row-actions&viewMode=story`);
-  const grid = page.getByRole('grid');
-  await expect(grid).toBeVisible();
-  expect(await page.getByRole('listbox').count()).toBe(0);
-  for (const label of ['Bug', 'Design review', 'P0', 'P1']) {
-    const row = page.getByRole('row', {
-      name: label
-    });
-    const action = page.getByRole('button', {
-      name: `Edit ${label}`
-    });
-    await expect(action).toBeVisible();
-    // Inside its own row, not merely aligned with it.
-    expect(await row.locator('button').count()).toBe(1);
-    const r = await box(row);
-    const a = await box(action);
-    expect(Math.abs(r.y + r.height / 2 - (a.y + a.height / 2))).toBeLessThan(2);
-    expect(a.x + a.width).toBeLessThanOrEqual(r.x + r.width + 1);
-  }
-  expect(await page.getByRole('button', {
-    name: 'Edit Docs'
-  }).count()).toBe(0);
-  // Two cells per row, every row.
-  const shapes = await page.evaluate(() => Array.from(document.querySelectorAll('[role="row"]')).map(r => Array.from(r.children).filter(c => c.getAttribute('role') === 'gridcell').length));
-  expect(shapes.every(n => n === 2)).toBe(true);
-});
-test('the keyboard reaches an action through the inline-end arrow and fires it with Enter', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--row-actions&viewMode=story`);
-  const search = page.getByRole('combobox');
-  await expect(search).toBeFocused();
-  await search.press('ArrowDown'); // select-all
-  await search.press('ArrowDown'); // Feature (no action)
-  await search.press('ArrowDown'); // Bug
-  await expect.poll(async () => activeDescendant(page)).toBe('row:Bug');
-  await search.press('ArrowRight');
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit Bug');
-  await search.press('Enter');
-  await expect(page.getByTestId('last-edited')).toHaveText('Bug');
-  // Selection untouched, panel open, highlight where it was.
-  await expect(page.getByRole('row', {
-    name: 'Bug'
-  })).toHaveAttribute('aria-selected', 'false');
-  await expect(page.getByRole('grid')).toBeVisible();
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit Bug');
-  await search.press('ArrowLeft');
-  await expect.poll(async () => activeDescendant(page)).toBe('row:Bug');
-});
-test('the active action cell draws the standard focus ring', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--row-actions&viewMode=story`);
-  const search = page.getByRole('combobox');
-  await expect(search).toBeFocused();
-  await search.press('ArrowDown'); // select-all
-  await search.press('ArrowDown'); // Feature (no action)
-  await search.press('ArrowDown'); // Bug
-  await search.press('ArrowRight');
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit Bug');
-  const ring = await page.evaluate(() => {
-    const id = document.activeElement?.getAttribute('aria-activedescendant');
-    const cell = id ? document.getElementById(id) : null;
-    if (!cell) {
-      return null;
-    }
-    const cs = getComputedStyle(cell);
-    // The ring the focus tokens describe, resolved by the browser on a probe.
-    const probe = document.createElement('div');
-    probe.style.cssText = 'outline-width:var(--focus-outline-width);outline-style:var(--focus-outline-style);outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset)';
-    document.body.appendChild(probe);
-    const want = getComputedStyle(probe);
-    const result = {
-      style: cs.outlineStyle,
-      width: cs.outlineWidth,
-      color: cs.outlineColor,
-      offset: cs.outlineOffset,
-      wantStyle: want.outlineStyle,
-      wantWidth: want.outlineWidth,
-      wantColor: want.outlineColor,
-      wantOffset: want.outlineOffset
-    };
-    probe.remove();
-    return result;
-  });
-  expect(ring).not.toBeNull();
-  expect(ring.style).not.toBe('none');
-  expect(ring.width).not.toBe('0px');
-  expect(ring.style).toBe(ring.wantStyle);
-  expect(ring.width).toBe(ring.wantWidth);
-  expect(ring.color).toBe(ring.wantColor);
-  expect(ring.offset).toBe(ring.wantOffset);
-  // Back on the option cell, the action cell drops the ring.
-  await search.press('ArrowLeft');
-  await expect.poll(async () => activeDescendant(page)).toBe('row:Bug');
-  const after = await page.getByRole('row', {
-    name: 'Bug'
-  }).locator('[data-multi-selector-action-cell]').evaluate(cell => getComputedStyle(cell).outlineStyle);
-  expect(after).toBe('none');
-});
-test('the action-cell ring follows the shared input modality', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--row-actions&viewMode=story`);
-  const search = page.getByRole('combobox');
-  await expect(search).toBeFocused();
-  const actionCell = name => page.getByRole('row', {
-    name
-  }).locator('[data-multi-selector-action-cell]');
-  const outlineStyle = async name => actionCell(name).evaluate(cell => getComputedStyle(cell).outlineStyle);
-  const hover = async name => {
-    const cell = await box(actionCell(name));
-    await page.mouse.move(cell.x + cell.width / 2, cell.y + cell.height / 2, {
-      steps: 6
-    });
-  };
-
-  // Pointer input: a click into the search field, then a hover onto an
-  // action, moves the highlight without the ring, and leaves none behind.
-  await search.click();
-  await hover('Bug');
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit Bug');
-  expect(await outlineStyle('Bug')).toBe('none');
-  // A modifier chord is not keyboard navigation for the shared tracker.
-  await search.press('Control+ArrowRight');
-  expect(await outlineStyle('Bug')).toBe('none');
-  await page.mouse.move(1, 1, {
-    steps: 6
-  });
-  expect(await outlineStyle('Bug')).toBe('none');
-
-  // Keyboard input: back onto the same cell, the ring is drawn.
-  await search.press('ArrowLeft');
-  await expect.poll(async () => activeDescendant(page)).toBe('row:Bug');
-  await search.press('ArrowRight');
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit Bug');
-  expect(await outlineStyle('Bug')).not.toBe('none');
-
-  // Still keyboard-driven, a hover that moves the highlight to another
-  // row's action carries the ring with it.
-  await hover('P0');
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit P0');
-  expect(await outlineStyle('P0')).not.toBe('none');
-  expect(await outlineStyle('Bug')).toBe('none');
-});
-test('under RTL the inline-end arrow is ArrowLeft', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--row-actions-rtl&viewMode=story`);
-  const trigger = page.getByRole('combobox');
-  await expect(page.getByRole('grid')).toBeVisible();
-  await trigger.focus();
-  await trigger.press('ArrowDown');
-  await expect.poll(async () => activeDescendant(page)).toBe('row:Bug');
-  await trigger.press('ArrowRight');
-  await expect.poll(async () => activeDescendant(page)).toBe('row:Bug');
-  await trigger.press('ArrowLeft');
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit Bug');
-  // And the action is painted at the inline end: to the LEFT of the label.
-  const label = await box(page.getByText('Bug', {
-    exact: true
-  }));
-  const action = await box(page.getByRole('button', {
-    name: 'Edit Bug'
-  }));
-  expect(action.x + action.width).toBeLessThanOrEqual(label.x + 1);
-});
-test('the highlight follows a real mouse across rows and actions', async ({
-  page
-}) => {
-  await page.goto(`${storybook.origin}/iframe.html?id=core-multiselector--row-actions&viewMode=story`);
-  await expect(page.getByRole('grid')).toBeVisible();
-  const center = async l => {
-    const b = await box(l);
-    return {
-      x: b.x + b.width / 2,
-      y: b.y + b.height / 2
-    };
-  };
-  const docs = await center(page.getByRole('row', {
-    name: 'Docs'
-  }));
-  const p0Action = await center(page.getByRole('button', {
-    name: 'Edit P0'
-  }));
-  const reviewAction = await center(page.getByRole('button', {
-    name: 'Edit Design review'
-  }));
-  await page.mouse.move(docs.x, docs.y, {
-    steps: 4
-  });
-  await expect.poll(async () => litRows(page)).toEqual(['Docs']);
-  // Straight onto an action several rows lower: that row, not Docs.
-  await page.mouse.move(p0Action.x, p0Action.y, {
-    steps: 12
-  });
-  await expect.poll(async () => litRows(page)).toEqual(['P0']);
-  await expect.poll(async () => activeDescendant(page)).toBe('gridcell:Edit P0');
-  // Up the action column.
-  await page.mouse.move(reviewAction.x, reviewAction.y, {
-    steps: 8
-  });
-  await expect.poll(async () => litRows(page)).toEqual(['Design review']);
-  // Rest until the tooltip shows, then leave: nothing stale.
-  await expect(page.getByRole('tooltip')).toBeVisible({
-    timeout: 3000
-  });
-  await page.mouse.move(docs.x, docs.y, {
-    steps: 10
-  });
-  await expect.poll(async () => litRows(page)).toEqual(['Docs']);
-});

package/dist/Outline/OutlineFocus.a11y.chromium.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=OutlineFocus.a11y.chromium.spec.d.ts.map