在TypeScript中为卷影根元素自定义TestCafe选择器

import { Selector, ClientFunction } from 'testcafe';

const getShadowRoot = ClientFunction(() => {
  // 获取卷影根元素
  const element = document.querySelector('your-selector');
  
  // 返回卷影根元素
  return element.shadowRoot;
});

const customSelector = Selector((text) => {
  const shadowRoot = await getShadowRoot();
  
  // 在卷影根元素中查找匹配的元素
  return shadowRoot.querySelector(`your-custom-selector`);
});

fixture `Example Fixture`
  .page `http://example.com`;

test('Example Test', async (t) => {
  // 使用自定义选择器选择卷影根元素中的元素
  const element = await customSelector('your-text');
  
  // 进行断言或其他操作
  await t.expect(element.exists).ok();
});