在使用Jest测试React应用程序时，如何查询原生html元素？

在使用Jest测试React应用程序时，可以使用Enzyme库来查询原生HTML元素。Enzyme是一个流行的React测试工具，它提供了一组简单易用的API来操作和查询React组件。

要查询原生HTML元素，首先需要安装Enzyme和相应的适配器。对于React 16及以上版本，可以使用Enzyme的@wojtekmaj/enzyme-adapter-react-17适配器。安装命令如下：

npm install enzyme @wojtekmaj/enzyme-adapter-react-17 --save-dev

然后，在测试文件中引入Enzyme和适配器，并配置Enzyme以使用适配器：

import { configure } from 'enzyme';
import Adapter from '@wojtekmaj/enzyme-adapter-react-17';

configure({ adapter: new Adapter() });

接下来，可以使用Enzyme的shallow方法来渲染React组件，并使用find方法来查询原生HTML元素。例如，如果要查询一个具有id属性为myElement的<div>元素，可以使用以下代码：

import { shallow } from 'enzyme';

test('should find native HTML element', () => {
  const wrapper = shallow(<YourComponent />);
  const element = wrapper.find('div#myElement');
  
  expect(element.exists()).toBe(true);
});

在上面的代码中，shallow方法用于渲染React组件，并返回一个包装器对象。然后，使用find方法来查询具有特定选择器的元素。在这个例子中，选择器是div#myElement，表示查询id属性为myElement的<div>元素。最后，使用exists方法来检查是否找到了匹配的元素。

需要注意的是，Enzyme的shallow方法只渲染组件的第一层，不会渲染子组件。如果要查询子组件中的原生HTML元素，可以使用mount方法代替shallow方法。

关于Enzyme的更多信息和API文档，可以参考腾讯云的产品介绍链接地址：Enzyme - React测试工具。