为什么JEST测试在调用setState时会给出“找不到”存储错误？
JEST是一种流行的JavaScript测试框架，用于测试React应用程序。在使用JEST进行测试时，调用setState方法可能会导致“找不到”存储错误的原因可能有以下几种：
- 作用域问题：在JEST测试中，测试代码是在一个虚拟的环境中执行的，而不是在真实的浏览器环境中。因此，如果在测试代码中调用setState方法时，没有正确设置组件的作用域，就会导致找不到存储错误。解决方法是确保在测试代码中正确设置组件的作用域，可以使用模拟函数或模拟组件来模拟组件的上下文。
- 异步问题：setState方法是异步执行的，它会将状态更新放入事件队列中，而不是立即执行。在JEST测试中，测试代码是同步执行的，它不会等待setState方法的执行完成。因此，如果在测试代码中立即访问setState方法更新后的状态，就会导致找不到存储错误。解决方法是使用异步测试方法，如async/await或回调函数，在setState方法执行完成后再进行断言。
- 组件未正确渲染：在JEST测试中，组件的渲染是通过模拟React的渲染过程来实现的，而不是真实的DOM渲染。如果在测试代码中调用setState方法后，组件没有正确渲染，就会导致找不到存储错误。解决方法是在调用setState方法后，等待组件重新渲染完成，可以使用waitFor或act方法来等待组件的更新。
总结起来，JEST测试在调用setState时可能会给出“找不到”存储错误的原因主要是作用域问题、异步问题和组件未正确渲染。解决方法是正确设置组件的作用域、使用异步测试方法，并等待组件重新渲染完成。关于JEST测试的更多信息和使用方法，可以参考腾讯云的JEST测试相关产品和文档：
- JEST测试产品介绍：JEST测试 - 腾讯云
- JEST测试文档：JEST测试文档 - 腾讯云
相关·内容
我正在尝试测试这一点：(我需要确认当使用桌面属性调用selectedDevice时，它会调用openModal，该方法会将modalOpen的状态设置为true) openModal = () => { };
const { device } =; this.closeWindow();
} else
浏览 70提问于2020-12-27得票数 1
6回答
但是我无法完全测试useState钩子。考虑这样的场景，在useEffect钩子中，我正在做一个API调用并在useState中设置值。对于jest /酶，我有要测试的模拟数据，但我无法为jest中的useState设置初始状态值。const [state, setState] = useState([]);
我想在jest中将初始状态设置为对象数组。我找不到任何类似于类组件的setState函数。
浏览 7提问于2019-07-14得票数 34
我有一个子组件MySummary，它调用从父组件传递的函数，如下所示： this.setState({submitting: true});
我是这样安装组件的：
浏览 1提问于2020-02-27得票数 1
回答已采纳
在我的React.Component实例的componentDidMount中，我有一个fetch()调用，它在响应时调用setState。我可以模拟请求并使用sinon进行响应，但我不知道fetch何时会解决它的promise chain。componentDidMount() { .then((response) => {
setState(() => {retu
浏览 9提问于2018-08-06得票数 1
回答已采纳
单击按钮时，将调用handleSubmit()进行调用，如果调用成功，则清除表单。我尝试做一个Jest单元测试，测试表单在提交时是否被清除。it('handles form submission', () => { EventEmitter.emit = jest</e
浏览 0提问于2019-03-16得票数 1
2回答
当我试图在单元测试(Jest)时改变setstate输入值时，我得到了这个警告。 this.setState({ em
浏览 3提问于2019-09-27得票数 1
我在试着在阿普维耶做Jest测试。我使用的asp.net核心模板的反应应用程序(它使用创建-反应-应用程序)。当我在本地(使用npm run test)运行测试时，测试运行良好，我看到PASS src\App.test.js对已经通过的测试进行了运行。然而，在Appveyor中，会从控制台抛出一个错误，导致我的构建失败。错误消息是PASS src\App.test.js。因此，它似乎是从运行中发出的
浏览 3提问于2018-07-05得票数 1
回答已采纳
1回答
我有一个用Jest编写的测试用例代码。let ticketsTransformer = new TicketTransformer();在sync方法中，我尝试使用console.log(this.ticketTransformer.transform())，它给出了存储在results变量中的相同结果，这意
浏览 11提问于2019-10-31得票数 0
回答已采纳
1回答
我使用React 16.3和JEST和have作为我的测试工具，我有一个输入，当用户输入电子邮件并模糊字段时，将调用一个函数(handleInputBlur)。在该函数中，我正在更新状态(setState)和setState()回调，我正在调用另一个函数，并传递最初传递给handleInputBlur的事件。据我所知，由于setState是异步的，React不允许在setState的回调中传递事件。因此，我添加了ev
浏览 11提问于2019-05-09得票数 1
回答已采纳
1回答
我想测试在React组件的componentDidMount生命周期方法中调用的一些自定义方法。componentDidMount() { console.log(res);describe("App", () => {
describe("Calls getData when componentDidMount&quo
浏览 0提问于2018-08-23得票数 1
回答已采纳
在基本的自定义钩子中，惟一的区别是使用[ ]或{ }返回 const [state, setState] = useState<] = useState<Type>(initialState);
}const {state, setState} = useCustomHookCurly();const {
浏览 6提问于2022-05-09得票数 1
回答已采纳
我有以下componentDidMount生命周期： componentDidMount () { expect(spy).toHaveBeenCalled();
}); 但我现在有个错误： TypeError:
浏览 16提问于2019-05-03得票数 4
回答已采纳
2回答
我一直在尝试找到一种方法来在一个简单的tsx文件上获得100%的覆盖率，jest告诉我需要覆盖率的只有两行代码是我传递了一个从useState执行setState的回调的地方。我读到我不应该测试钩子，因为用户只关心UI。这就是为什么我的问题是如何测试这两行代码。到目前为止，我的测试是： describe('Dummy', () => { const setState
浏览 27提问于2021-05-06得票数 0
回答已采纳
1回答
我是JavaScript测试新手，目前正在尝试为我创建的存储区(只是一个ES6类)编写一些测试用例。我想测试这些方法(它们是否被调用)，以及类中声明的属性是否在调用相应的类方法时发生变化。我不知
浏览 0提问于2018-04-04得票数 0
回答已采纳
1回答
测试计时器的反应，罪过或玩笑
、、、、
我有一个函数checkIdleTime，被设置为定期调用。var idleCheck = setInterval(this.checkIdleTime.bind(this), authTimeoutSeconds * 1000);}
预期的模拟函数被调用了一次，但
浏览 0提问于2018-05-31得票数 0
回答已采纳
1回答
我在react应用程序的单元测试用例中遇到过这样的情况:在一个函数中调用从父组件接收的props中的另一个函数。<MyComponent finalSave={this.onSavePropClick(SAVE)} onClose={()=>this.setState({closeWindow: true})}，它会抛出错误“Cannot read property then of undefined”，测试如下f
浏览 0提问于2020-03-14得票数 6
回答已采纳
1回答
开玩笑不检测函数调用
、、、、
我正在尝试测试函数removeBuilding()的错误大小写，在该函数中，API调用失败。我正在模拟API对error的调用，以进入catch块，然后调用displayError()。我的测试希望看到displayError被调用，但是这个函数正在运行并打印到控制台，因此出于某种原因，jest根本无法判断它正在被调用。== building; this.set
浏览 6提问于2020-09-12得票数 2
1回答
我正在学习jest，我正在尝试测试我的点击事件。我正在尝试测试的函数在组件中是私有的。 我尝试过使用spyOn()方法。这是调用函数的组件 <NavbarToggler onClick={this.toggleNavbar} /> 这就是函数 private toggleNavbar = (): void =>{ isOpen: !wrapper.find(NavbarToggle
浏览 22提问于2019-04-13得票数 0
回答已采纳
我创建了一个简单的钩子，它在后台使用ResizeObserver在每次调整元素大小时运行setState更新。 它可以在浏览器中工作，但现在的问题是我不知道如何为它编写测试。我尝试了Jest，Enzyme，@testing-library，但我找不到一种真正对它运行测试的方法。基本上，在测试中，我创建了一个组件 function Component {
retur
浏览 39提问于2019-10-18得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
