testing-library 的核心部分是DOM Testing Library即@testing-library/dom, 它提供了通用的DOM 查询功能,如getByRolegetByText与事件行为的基本实现。 在此基础上,再衍生出各自框架的专有包,如React Testing Library、Vue Testing Library,对于不同的前端框架,其使用
除了每个前端框架提供各自的 fireEvent 接口外,还额外提供了一个@testing-library/user-event的通用包,不依赖于所选框架实现,它能够对用户事件的真实模拟,下文会详细说到。 除此之外,还针对 Jest 测试框架开发了一个断言库 @testing-library/jest-dom ,如我们平常经常使用的 expect().toBeInTheDocument() 就是该...
官网地址:https://testing-library.com/docs/react-testing-library/intro repo 地址:https://github.com/testing-library/react-testing-library @testing-library/react React Testing Library 在 DOM Testing Library 的基础上构建,通过添加用于处理 React 组件的 API 来增强功能。
testing-library 获取组件实例要使用`testing-library`获取组件实例,首先需要安装`@testing-library/react`。然后,可以使用`render`函数渲染组件并返回一个包含组件实例的对象。以下是一个简单的示例: ```javascript import React from 'react'; import { render } from '@testing-library/react'; // 假设有一个名...
React官方推荐testing-library简介和入门 简介 从React官方网站看测试概览。提到了两个比较重要的工具,一个是Jest、一个是React测试库。 Jest是一个JavaScript测试运行器。它允许你使用jsdom操作DOM。尽管jsdom只是对浏览器工作表现的一个近似模拟,对测试React组件来说它通常也已经够用了。
使用testing-library-selector 创建可重用的选择器 像你们中的许多人一样,我喜欢重用代码,从而尽可能减少重复。我发现了什么测试库查询是我在不同的测试文件中一遍又一遍地写相同的。对我来说,它的缺点如下: 当我更改元素时,查询不匹配它,我需要更新它们中的每一个; ...
testing-library/react-hooks-testing-library Star5.2k Code Issues Pull requests 🐏 Simple and complete React hooks testing utilities that encourage good testing practices. javascripttestingreactjstesting-libraryreact-hooks UpdatedJan 30, 2024 TypeScript ...
// .eslintrc.jsmodule.exports={// 1) Here we have our usual config which applies to the whole project, so we don't put testing-library preset here.extends:['airbnb','plugin:prettier/recommended'],// 2) We load other plugins than eslint-plugin-testing-library globally if we want to...
yarn add --dev @testing-library/react @testing-library/jest-dom jest 在项目中配置Jest和React-Testing-Library,通常需要在项目根目录创建一个jest.config.js文件,配置Jest的运行选项,例如指定测试文件的查找模式等: module.exports = { testMatch: ['**/?(*.)+(spec|test).js'], ...
@testing-library.com @TestingLib@webtoo.ls https://discord.gg/testing-library Overview Repositories31 Projects4 Packages People25 More PinnedLoading react-testing-libraryreact-testing-libraryPublic 🐐 Simple and complete React DOM testing utilities that encourage good testing practices. ...