我最近为一个笑话黄瓜项目写了一个检查元素可见性的方法。

希望对大家有用。

public async checknotVisibility(page:Page,location:string) :Promise<void> 
{
    const element = await page.waitForSelector(location);
    expect(element).not.toBe(location); 
}

对我来说(如果你想使用getbytestd):

expect(() => getByTestId('time-label')).toThrow()

使用queryBy / queryAllBy。

如您所说，如果没有找到任何东西，getBy*和getAllBy*将抛出一个错误。

然而，等效的方法queryBy*和queryAllBy*返回null或[]:

queryBy queryBy*查询返回查询的第一个匹配节点，如果没有匹配的元素则返回null。这对于断言不存在的元素非常有用。如果找到多个匹配项，则会抛出(使用queryAllBy代替)。 queryAllBy queryAllBy*查询返回一个包含所有匹配节点的数组，如果没有元素匹配则返回一个空数组([])。

https://testing-library.com/docs/dom-testing-library/api-queries#queryby

因此，对于您提到的特定两个查询，您将使用queryByText和querybytestd，但它们适用于所有查询，而不仅仅是这两个查询。

您可以使用react-native-testing-library "getAllByType"，然后检查该组件是否为空。优点是不必设置testd，也应该与第三方组件一起工作

 it('should contain Customer component', () => {
    const component = render(<Details/>);
    const customerComponent = component.getAllByType(Customer);
    expect(customerComponent).not.toBeNull();
  });

当没有找到元素时，getBy*将抛出一个错误，因此您可以检查它

expect(() => getByText('your text')).toThrow('Unable to find an element');

我最近为一个笑话黄瓜项目写了一个检查元素可见性的方法。

希望对大家有用。

public async checknotVisibility(page:Page,location:string) :Promise<void> 
{
    const element = await page.waitForSelector(location);
    expect(element).not.toBe(location); 
}