test.utils.ts

import { expect } from '@playwright/test';
import type { E2EPage, ScreenshotFn } from '@utils/test/playwright';

/**
 * Drag distances that reveal options without crossing the full swipe
 * threshold (`optsWidth` + `SWIPE_MARGIN`). A narrower options panel
 * requires a shorter drag.
 */
export const DRAG_DISTANCE_SINGLE_OPTION = 100;
export const DRAG_DISTANCE_MULTIPLE_OPTIONS = 150;

/**
 * The number of drag steps used when revealing options. A higher step
 * count slows the drag velocity, keeping it below the full swipe
 * threshold in WebKit. See `dragElementBy` for more details.
 */
export const DRAG_STEPS_UNDER_FULL_SWIPE = 15;

/**
 * Warning: This function will fail when in RTL mode.
 * TODO(FW-3711): Remove the `directions` config when this issue preventing
 * tests from passing in RTL mode is resolved.
 */
export const testSlidingItem = async (
  page: E2EPage,
  itemID: string,
  screenshotNameSuffix: string,
  screenshot: ScreenshotFn,
  openStart = false
) => {
  const item = page.locator(`#${itemID}`);

  // passing a param into the eval callback is tricky due to execution context
  // so just do the check outside the callback instead to make things easy
  if (openStart) {
    await item.evaluate(async (el: HTMLIonItemSlidingElement) => {
      await el.open('start');
    });
  } else {
    await item.evaluate(async (el: HTMLIonItemSlidingElement) => {
      await el.open('end');
    });
  }

  // opening animation takes longer than waitForChanges accounts for
  // especially if another item sliding is already open,
  // so we wait to ensure the opened item is closed before
  // opening another
  await page.waitForTimeout(500);

  await expect(item).toHaveScreenshot(screenshot(`item-sliding-${screenshotNameSuffix}`));

  await item.evaluate(async (el: HTMLIonItemSlidingElement) => {
    await el.close();
  });
};