Mocha + Chai + Sinon stub- TypeError:无法读取未定义的属性'set‘

Mocha、Chai和Sinon stub是一些常用的JavaScript测试工具和库，用于编写和运行单元测试和集成测试。在使用这些工具时，有时会遇到"TypeError: 无法读取未定义的属性'set'"的错误。

这个错误通常是因为在测试代码中使用了未定义的属性"set"。可能的原因和解决方法如下：

错误的使用语法：检查测试代码中是否正确使用了"set"属性。确保该属性存在于正确的对象上，并且使用正确的语法进行访问。
引入错误的库或模块：检查测试代码中是否正确引入了Mocha、Chai和Sinon stub库。确保正确地安装和引入了这些库，并且版本兼容。
版本不兼容：如果使用的是较旧的版本，尝试升级到最新版本，以确保解决了可能存在的已知问题。
依赖关系问题：检查测试代码中是否存在其他依赖关系的问题。确保所有依赖的库和模块都正确安装，并且版本兼容。

总结起来，当遇到"TypeError: 无法读取未定义的属性'set'"错误时，需要仔细检查测试代码中的语法、库的引入、版本兼容性以及其他依赖关系，以确保代码正确运行。

相关·内容

单元测试初体验

断言库 Chai Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的断言库，可与任何 JavaScript 测试框架集成。...Karma 的部分 API // karma.conf.js module.exports = function(config) { config.set({ // Type: String.../keyword/karma-adapter // frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'], frameworks:...['mocha', 'sinon-chai', 'source-map-support'], // Type: Array。...对于数组和字符串，它检查 length 属性，对于对象，它检查可枚举属性的数量 expect([]).to.be.empty expect('').to.be.empty expect({}).to.be.empty

1.5K2 0

使用mocha编写node服务单元测试

在编写代码前我们需要来了解下mocha的运行规则，下面是一份测试加法运算函数的单测代码： import getResult from 'add.js' import { assert } from 'chai...chai断言库 mocha可以搭配你喜欢的任何断言库，经常使用到的有chai断言库。 chai提供了多种风格语法去帮助我们判断函数的执行结果。...调用了 exampleFunction 后，我们可以通过检查 getTime 方法的 calledOnce 属性来判断 getTime 有没有被成功调用。...除了calledOnce 属性之外，spy还在监听函数上挂载了很多监控属性，读者可以自行打印出来看看。 stub stub可以看做是spy的加强版，它不仅支持spy的各种收集行为，还能控制函数的行为。...本身是一个比较简单的测试框架，在此基础上，我们使用一些npm包来加强我们的测试过程： nyc: 提供全面的测试覆盖率 chai: 多种风格的断言判断 sinon: 用于模拟或者替换难以测试的代码 superTest

3.9K2 0

Vue 测试速成班

Mocha 没有内置的断言库，所以我们必须使用 Chai ：它可以设置对结果的期望。Chai 有许多不同的内置断言，但没有涵盖所有用例，缺失的断言可以通过 Chai 的插件系统导入。...我们可以使用 vm 属性访问组件实例，还可以通过组件实例访问到组件 method 中的方法和 data 对象（状态）里的属性。...import chai from 'chai'; import sinon from 'sinon'; import sinonChai from 'sinon-chai'; chai.use(sinonChai...); it('should set info coming from endpoint', async () => { const commit = sinon.stub(); sinon.stub...这个插件扩展了 Chai 的 to.have.been 属性和 to.have.been.calledWith 方法。如果我们返回一个 Promise，测试函数将变成异步的。

2.7K1 0

React 测试驱动教程

Hello World Image 设置 Mocha，Chai，Sinon 和 Enzyme Mocha：将用于运行我们的测试。 Chai：是我们期待的库。...AirBnB 写的一个很漂亮的测试库。安装这些包： npm i mocha chai sinon --save-dev 如果我们希望能够使用 ES6 编写测试，那么我们需要在运行前对代码进行转译。...'; import sinon from 'sinon'; global.expect = expect; global.sinon = sinon; 然后把它包括到 npm 脚本的运行套件中，并通过...Enzyme 现在我们所需的“普通”测试工具都已经设置好了（mocha，chai，sinon），接着让我们安装 Enzyme，并且开始测试 React component！...argv.watch, // which karma frameworks do we want integrated frameworks: ['mocha', 'chai'],

4.6K2 0

Vue的自动化测试

1.9K5 0

为ES6配置JavaScript测试工具

以下的示例使用了Mocah和Chai，但原理同样适用于Jasmine。基础基本情况和测试非ES6代码时一样。...创建一个名为test/的目录并创建一个包含以下内容名为test/arithmeticTest.js的文件： const chai = require('chai').expect; describe(...避免在Sinon中使用箭头函数与Mocha类似，在Sinon.js中使用箭头函数也可能导致问题。问题出在sinon.test上。...当你的测试中存在测试替身(test double)时使用它是个好主意，因为它会在测试结束时自动帮你释放被替身的对象。但是由于它使用了this绑定，因此它无法在使用箭头函数时正常工作。...with a sandbox', () => { // 与sinon.test类似，这个stub会自动被清理 var stub = sandbox.stub(); }); Mocha自带Promise

2.9K2 0

提高代码质量——使用Jest和Sinon给已有的代码添加单元测试

而对于其他的测试框架如：Mocha或者Chai等，没有进行具体的了解，因此在这里不多做评价。如何配置Jest与Sinon.js，从而编写单元测试？...在Sinon.js的文档中，有专门关于XMLHttpRequest对象的模拟的章节，在下一章中，我们将会针对项目中sinon.js的使用进行简单的介绍。...alias问题如果我们在项目中使用了webpack，那么我们很大概率会使用到alias相关属性来定义路径。...不像ava框架需要安装插件和进行复杂的配置，我们只需要在Jest中配置moduleNameMapper属性即可满足需求。...附录 Jest Sinon.js ava ava关于配置解决webpack alias的issue Mocha Chai

3.7K0 0

也来扯扯 Vue 单元测试

选择一个好用的断言库通常是 chai，有时候结合 sinon 一起使用。chai 是一个优秀的库，里面的方法十分完善。网上相关的教程更是不计其数，这也反映出它很受欢迎。...一个合适测试框架 -- Jest 这里只提到了 Jest，当然也是个人喜好而已，这也是自己最终决定的方案。当然此前使用的 karma + mocha + chai + chrome......我大致做了下对比，粗略总结如下：优点一站式的解决方案在使用 Jest 之前，我需要一个测试框架（mocha），需要一个测试运行器（karma），需要一个断言库（chai），需要一个用来做 spies.../stubs/mocks 的工具（sinon 以及 sinon-chai 插件），一个用于测试的浏览器环境（可以是 Chrome 浏览器，也可以用 PhantomJS）。...而在之前，我需要学习好几个插件的用法，至少得知道 mocha 用处和原理吧我得学会 karma 的配置和命令，chai 的各种断言方法……，经常得周旋于不同的文档站之间，其实是件很烦也很低效的事。

1.8K3 0

【xingorg1-ui】基于vue3.0从0-1搭建组件库 (九) 单元测试配置

Karma && Install plugins that your project needs: $ npm install -D karma karma-chrome-launcher karma-mocha...karma-sourcemap-loader karma-spec-reporter karma-webpack karma-chai mocha ?...webpackConfig = require('@vue/cli-service/webpack.config') module.exports = function(config) { config.set...({ frameworks: ['mocha'], // 测试框架列表，可用的框架：https://npmjs.org/browse/keyword/karma-adapter files...$el.innerHTML // TypeError: Cannot read property 'innerHTML' of undefined expect(html).to.eq('button

1.1K1 0

写代码无BUG，网易云前端单元测试方案总结

// .mocharc.js global.expect = require('chai').expect; 使用 mocha 可以将我们的单元测试输出成一份良好的测试报告 mocha *.test.js...所以使用 Karma + mocha +chai 即可搭建一个完整的浏览器端的单元测试工具链。...: [], Karma 的 frameworks 作用是在全局注入一些依赖，这里的配置就是将 Mocha 和 chai 提供的测试相关工具暴露在全局上供代码里使用。.../时间模拟 (sinon.js）等工具。...可以近似地看作 jasmine = mocha + chai + 辅助工具。接下来试一试 jasmine 的工作流程。

9.5K2 0

前端单元测试总结_javascript单元测试

有测试用例做后盾，就可以大胆的进行重构 2.前端相关的单元测试技术 2.1 测试框架目前，前端的测试框架很多，像QUnit、jasmine、mocha、jest、intern等框架，这些框架各有特点，...development(BDD)风格的测试框架，在业内较为流行,功能很全面，自带asssert、mock功能 mocha: node社区大神tj的作品，可以在node和browser端使用，具有很强的灵活性...(assert)、BDD(expect、should)两个风格的断言库 var chai = require('chai'); var assert = chai.assert; // typef...sinon.js: 目前使用最多的mock库，将其分为spies、stub、fake XMLHttpRequest、Fake server、Fake time几种，根据不同的场景进行选择。...mock函数：创建一个新的函数，用这个函数来取代原来的函数，同时在这个新函数上添加一些额外的属性，例如called、calledWithArguments等信息 function describe (

1.5K2 0

用不了多久 Web Component，就能取代你的前端框架吗？

而如果它是一个全新的HTML标签，那它将会完全无法使用。...这需要以下的index.html能够在浏览器中运行测试。除了Mocha，这个设置还加载了WebcomponentsJS polyfill，Chai用于断言，以及Sinon用于监听和模拟。 window.assert = chai.assert;... 在加载完所需的scripts后，我们暴露chai.assert作为一个全局变量，因此我们可以在测试中简易的使用

2.1K4 0

【Web技术】264- Web Component可以取代你的前端框架吗？

2.5K3 0

大前端的自动化工厂（5）—— 基于Karma+Mocha+Chai的单元测试和接口测试

当然总有一天，你会发现测试的价值远不止这样。它对大型项目提供的可靠性保障是人力无法比拟的。前端很流行这样一句话：如果你觉得单元测试没什么用，只能说明你做的项目不够大。二....2.2 Mocha Mocha是前端自动化测试框架，测试框架需要解决兼容不同风格断言库，测试用例分组，同步异步测试架构，生命周期钩子等框架级的能力。...使用示例： expect(bar).to.not.exist;//断言变量bar不存在 expect(data).to.have.ownProperty('length');//断言data有length属性...使用Webpack + Karma + Mocha + Chai进行自动化测试（单元测试+代码覆盖率）的方法可以查看《webpack4.0各个击破(9)——Karma篇》。四....= function(config) { config.set({ files: [ 'test/apis/apis.js' ],

1.3K2 0

来自1000多个项目的10大JavaScript错误浅析

在Chrome里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在Chrome开发者控制台可以很容易地重现这个错误。...TypeError: ’undefined’ is not an object 在Safari里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在Safari开发者控制台可以很容易地重现这个错误...TypeError: null is not an object 在Safari里读取空（null）对象的属性或调用空对象的方法时就会发生这个错误，在Safari开发者控制台可以很容易地重现这个错误。...TypeError: Object doesn’t support property 在IE里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在IE开发者控制台可以很容易地重现这个错误。...Uncaught TypeError: Cannot set property 我们无法对undefined变量进行赋值或读取操作，否则的话会抛出“Uncaught TypeError: cannot

6.2K8 0

JavaScript单元测试利器Jest+mocha+chai

一：mocha介绍mocha是一款功能丰富的javascript单元测试框架，它既可以运行在nodejs环境中，也可以运行在浏览器环境中。...mocha可以良好的支持javascript异步的单元测试。 mocha会串行地执行我们编写的测试用例，可以在将未捕获异常指向对应用例的同时，保证输出灵活准确的测试结果报告。...：npm install –g mocha安装chai：npm i –g chai安装istanbul：npm install -g istanbul环境配置完事儿3.1：mocha+chai实例演练我们先来个简单的小例子哈...当然，这有个前提，就是module.exports本身不具备任何属性和方法。如果，module.exports已经具备一些属性和方法，那么exports收集来的信息将被忽略。...参考文档： mocha官网：https://mochajs.bootcss.com/ chai官网：https://www.chaijs.com/ istanbul官网：https://istanbul.js.org

4092 0

小程序测试方案初探

工具的准备 node puppeteer wept mocha chai 介绍 node 这个应该不用多做介绍了，不过这次demo中要求node版本应该大于7.6.0，因为puppeteer要求最低版本是...puppeteer可以对页面进行截图保存为图片或者PDF，解决爬虫无法实现的一些操作（异步加载页面内容）。...chai Chai是一个BDD/TDD模式的断言库，在node和浏览器环境都能运行，API通俗易懂，断言类型和方式丰富，搭配mocha，江湖人戏称为”抹茶“ 配置环境 npm i -g wept...npm i —save-dev puppeteer mocha chai 在安装puppeteer有可能会出现以下报错 ERROR: Failed to download Chromium r508693...，所以这里需要获取页面所有的iframe const frames = await page.frames(); //根据iframe的name属性来获取正确的iframe

8.4K3 0

JavaScrip最容易犯的十大错误及其避免方法（）

Uncaught TypeError: Cannot read property 如果你是一个javascript开发者，你肯定看到过此错误读取属性或调用方法的对象的未定义 这可能由于许多原因而发生，...反过来，这意味着ItemList将项目定义为未定义，并且您在控制台中收到错误 - “Uncaught TypeError：无法读取未定义的属性’map’”。这很容易解决。...TypeError: Object doesn’t support property 当您调用未定义的方法时，这是在IE中发生的错误。...Uncaught TypeError: Cannot set property 当我们尝试访问未定义的变量时，它总是返回undefined，我们无法获取或设置undefined的任何属性。...在这种情况下，应用程序将抛出“Uncaught TypeError无法设置未定义的属性”。 10.

1111 0

分享7个专业级的JavaScript测试库，提高你的工作效率

在这篇文章中，我将向大家介绍七个优秀的JavaScript测试库，包括Jest、Sinon、Detox、Cucumber、Stryker、TestDouble和Mockttp。...2、Sinon 这是一个独立的库，用于在JavaScript测试中创建测试替身（侦查、桩和模拟）。它通过提供工具来验证函数调用、控制行为等，帮助你编写隔离的测试。...https://github.com/sinonjs/sinon 3、Detox 如果你想对你的移动应用进行测试，这将是一个非常好的资源。...// stryker.conf.js module.exports = function(config){ config.set({ mutator: "javascript", packageManager...; }); }); 这些示例使用了Mocha，Chai和Superagent，但并非必须使用这些：Mockttp可以与任何可以处理promise的测试工具配合使用，可以模拟来自任何库、工具或设备的请求

2032 0

webpack4.0各个击破（9）—— karma篇

对于Karma+Mocha+Chai及其他自动化测试相关工具的话题将在《大前端的自动化工厂》系列博文中讲述，本篇主要介绍karma-webpack连接件，它从工具实现层面上将自动化测试与自动化构建联系在了一起...Mocha 测试框架，提供兼容浏览器和Node环境的单元测试能力，可使用karma-mocha集成进Karma中。...Chai 断言库，支持should,expect,assert不同类型的断言测试函数，可使用karma-chai集成进Karma中。大部分单元测试都是基于上述三个库联合使用而展开的。...单元测试报告单元测试信息无法输出的问题，可以显式引用插件karma-spec-reporter或karma-mocha-reporter并进行基本的配置即可。...配置参考笔者提供了针对webpack4.0 + karma的自动化测试配置示例，放在了Webpack4-Karma-Mocha-Chai-Demo，有需要的小伙伴可以自行查看，如果对你有帮助，不要忘记给个

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云