TypeError：_firebase2.default.storage不是一个函数(Jest测试失败) - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JS不靠谱系列: 写一个验证过期时间的函数,包含jest单元测试

---- 前置基础 jest : 这个测试框架非常不错,Facebook 出品 ES5&&ES6 Typescript 我们不讲配置,也不讲其他琐碎,只说实现过程 ---- 思路分析重心其实就是围绕传参来执行...字符串: 验证是否是一个datetime格式,亦或者可以转换成识别的格式(比如 2018/08/01) 类型的转换及比较最后返回布尔值,来确定该值是否有效 ---- 代码测试结果 ?...---- 代码实现代码不多,只涵盖了这么几种情况,具体看测试的文字描述函数 js 版本(isDate.js , 暴露isDate函数,接收一个参数) function checkDateTime(d.../src/utils/isDate"; describe("isDate函数测试集合组", () => { test("這種非標準的時間戳只會轉成1970這種,已經過期", () => {...纯函数的好处就是可以低耦合,虽然我们可以在这里高内聚,比如做续期,请求,路由跳转什么的, 那这样就是一个auth的所有功能了,这不是我想要的, 有不对之处请留言,会及时修正,谢谢阅读

2.1K2 0

带你入门前端工程（四）：测试

从前端角度来看，单元测试就是对一个函数、一个组件、一个类做的测试，它针对的粒度比较小。单元测试应该怎么写呢？根据正确性写测试，即正确的输入应该有正常的结果。...根据错误性写测试，即错误的输入应该是错误的结果。对一个函数做测试例如一个取绝对值的函数 abs()，输入 1,2，结果应该与输入相同；输入 -1,-2，结果应该与输入相反。...) // 类型错误 }) 现在我们需要测试一下 abs() 函数：在 src 目录新建一个 main.js 文件，在 test 目录新建一个 test.spec.js 文件。...Funcs：函数覆盖率，是否执行了每个函数。 Lines：行覆盖率，是否执行了每一行代码。可能有人会有疑问，1 和 4 不是一样吗？其实不一样，因为一行代码可以包含好几个语句。...'successfully loads', () => { cy.visit('http://localhost:8080') }) }) 运行它，如无意外应该会看到一个测试失败的提示

1.6K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

异步函数中的异常处理及测试方法

有基本的了解安装 Node.Js 和 Jest 如何从 Javascript 的常规函数中抛出错误使用异常而不是返回码（清洁代码）。...这种方法需要一个网址。如果url不是字符串，就要像上一个例子中那样抛出错误。先来修改一下这个类： ? 如果我运行代码会怎么样？试试吧： ? 结果是这样 ?...换句话说，我不能使用 assert.throws 来测试它。让我们通过测试来验证一下： ? 测试失败了！ ? 有没有悟出点什么？看把你能的，来抓我啊从严格意义上讲异步函数和异步方法不会抛出错误。...至于测试代码，应该这样写： ? 我们测试的不能是普通的异常，而是带有TypeError的rejects。现在测试通过了： ? 那代码该怎么写呢？为了能够捕获错误，你应该这样重构： ?...以下是在Jest中测试异常的规则：使用 assert.throws 来测试普通函数和方法中的异常使用 expect + rejects 来测试异步函数和异步方法中的异常如果你对如何使用 Jest

3K3 0

Vue Router 之单元测试

这在某种程度上很理想 -- 若真实路由一旦失败，单元测试随之失败，这样我们就能在部署应用之前修复这类问题。...: h => h("div") })) 使用一个 Mock Router 有时真实路由也不是必要的。...要确保这些运作正常，一般是集成测试的工作，因为需要一个使用者从一个路由导航到另一个。不过，你也可以用单元测试检验导航 guards 中调用的函数是否正常工作，并更快的获得潜在 bugs 的反馈。...通过将 beforeEach 导出为一个已解耦的、普通的 Javascript 函数，从而让其在测试过程中不成问题。...组件 guards 一旦将组件 guards 视为已解耦的、普通的 Javascript 函数，则它们也是易于测试的。

2K1 0

从头为 Vue.js 3 实现 Vuex

由于 Vue 3 从其组件和模版系统中单独暴露出了反应式 API，所以我们就可以用诸如 reactive和 computed 等函数来构建一个 Vuex store，并且单元测试也甚至完全无需加载一个组件...需要安装的只有两样：vue 和 jest 。通过 yarn add vue@3.0.0-alpha.1 babel-jest @babel/core @babel/preset-env 安装它们。...payload } } }) store.commit('INCREMENT', 1) expect(store.state).toEqual({ count: 1 }) }) 测试失败...你可能会注意到测试重复了一大段刚才 mutation 用例中的东西 — 我们稍后会用一些工厂函数来清理它。...我们可以像下面这样检查返回值是否为一个 Promise，如果不是的话，那就硬返回一个： class Store { // ...

1.3K2 0

对 Vue-Router 进行单元测试

这在某种程度上很理想 -- 若真实路由一旦挂了，单元测试就失败，这样我们就能在部署应用之前修复这类问题。...: h => h("div") })) 使用 Mock Router 有时真实路由也不是必要的。...在组件中声明要确保这些运作正常，一般是集成测试的工作，因为需要一个使用者从一个理由导航到另一个。但也可以用单元测试检验导航 guards 中调用的函数是否正常工作，并更快的获得潜在错误的反馈。...通过将 beforeEach 导出为一个已结耦的、普通的 Javascript 函数，从而让其在测试中不成问题。...用 jest.mock 来 mock 一个模块

2.2K1 0

50行代码串行Promise，koa洋葱模型原来这么有趣？

其实源码也不是想象的那么难，至少有很多看得懂。...学会使用测试用例调试源码 3. 学会 jest 部分用法 2....跟着测试用例学源码分享一个测试用例小技巧：我们可以在测试用例处加上only修饰。...也就是 next 是下一个中间件里的函数。也就能解释上文中的 gif图函数执行顺序。测试用例中数组的最终顺序是[1,2,3,4,5,6]。...Promise，从中间件（传入的数组）中取出第一个函数，传入context和第一个next函数来执行。

4382 0

使用storybook管理React组件

新建一个Storybook React项目按照官方教程使用npx -p [@storybook](/user/storybook)/cli sb init安装，一直会报错： TypeError: Cannot...测试UI组件 4.1 写测试用例的原因找到bug 新修改没有改变已有的接口和功能将测试用例作为文档 4.2 测试结构使用storyshots插件来实现，其核心是使用Jest，原理是每次生成一份DOM..."）,测试完成后会在storyshots.test.js生成一个stories/index.js对应的DOM快照。...4.3 测试交互 storybook交互性测试可以使用 Enzyme来模拟用户输入，然后使用Mocha or Jest来进行结果测试，storybook又一个专门的插件帮助我们集成他们：specifications...PS：测试不通过时，运行npm run jest:integration将强制更新原有快照。

3.4K2 0

react生态下jest单元测试

%Branch分支覆盖率（branch coverage）：是不是每个if代码块都执行了？ %Funcs函数覆盖率（function coverage）：是不是每个函数都调用了？...Hook.test.js //执行单个case 二：开工须知 Jest背景： Jest是 Facebook 发布的一个开源的、基于 Jasmine 框架的 JavaScript单元测试工具。...后面每次再运行快照测试时，都会和第一次的比较，若组件代码有所改变，则快照测试会失败，如果组件代码是最新的，优化过得代码，则需要更新快照，免得每次执行报错。...如果尝试对这些对象进行快照，它们将强制快照在每次运行时失败. //2.Jest允许为任何属性提供非对称匹配器。...如果尝试对这些对象进行快照，它们将强制快照在每次运行时失败. //2.Jest允许为任何属性提供非对称匹配器。

2.3K2 0

用 Jest 进行 JavaScript 测试

作为一个精通测试的 JavaScript 开发人员，你想要遵循测试驱动开发，这是一个强制在开始编码之前编写失败测试的学科。默认情况下，Jest 希望在项目下名为 tests 的文件夹中找到测试文件。...这是一个借用 Ruby 的约定，用于将文件标记为给定功能的规范。现在来测试吧！测试结构和第一次失败的测试现在创建你的第一次Jest测试。...但我们完成了测试吗？还没有。使我们的函数失败需要什么条件？...我对测试一无所知，我应该直接在该函数内部添加一个新的 if语句，而不是要求更多的上下文： function filterByTerm(inputArr, searchTerm) { if (!...Jest的HTML代码覆盖率报告如果单击函数名称，你还会看到确切的未经测试的代码行： ? 单个文件的Jest代码覆盖率报告很整洁不是吗？使用代码覆盖，你可以在有疑问时发现要测试的内容。

2.7K3 0

干货 | 携程租车React Native单元测试实践

快照测试：能够创造一个当前组件的渲染快照，通过和上次保存的快照进行比较，如果两者不匹配说明测试失败。测试报告：内置了Istanbul，通过一定配置可以测试代码覆盖率，生成测试报告。...(() => { console.log('每个测试用例测试完毕后运行'); }); 五、Jest Mock函数在单元测试中，有许多对象或函数并不需要真实的引用，因此需要mock。...('InteractionManager'); 六、Jest UI快照测试 Jest提供了snapshot快照功能用于UI测试，可以创建组件的渲染快照并将其与以前保存的快照进行比较，如果两者不匹配，则测试失败...创建一个mock函数，该mock函数不仅捕获函数的调用情况，还可以正常的执行被spy的函数。...；良好的单元测试就是一份最好的注释，同时迫使我们写易于测试的函数式代码；另外我们在写单元测试的时候并不是堆砌覆盖率，而是需要保证功能细节的正确，覆盖率并不是最重要的，单元测试也不是银弹，我们也在结合诸如

6.1K3 0

使用Jest测试包含setTimeout调用的函数踩坑记录

前两天给一个包含setTimeout调用的函数写单元测试，在使用fake timer的时候遇到了问题，记录一下。...：当任务执行失败的时候，等待3s后重试，如此直到执行成功为止。...为了测试执行失败时有发生重试，我编写了如下的测试用例： // job-queue.test.js const MockJob = jest.fn(() => { return { id: 0...是不是两次setTimeout调用的顺序不对呢？...相应地，Jest还提供了advanceTimersByTime函数，可以将Jest运行测试用例时的假时钟向前拨动，并“按时”运行之前通过setTimeout、setInterval传入的回调。

6.9K6 0

前端自动化测试实践03—jest异步处理&mock

/mock'); 4. mock - function 模拟函数调用对于单元测试，无需关心外部传入的函数的实现，使用 jest.fn 生成一个 mock 函数，可以捕获函数的调用和返回结果，以及this.../mock' test('测试 callback', () => { // 【1】使用 jest 生成一个 mock 函数 func1，用来捕获函数调用 const func1 = jest.fn...回调函数 const func2 = jest.fn(() => { return 456 }) // 等价于 func2.mockImplementation(() => {...对于单元测试，外部 class 的实现无需关心，使用 jest.fn 生成一个 mock 类，例如测试 mock.js export const createObject = (classItem).../es6-class') jest.mock 如果发现是一个类，会自动把构造函数和方法变成 jest.fn() 以提升性能，相当于执行了 const Util = jest.fn() Util.a =

5.2K8 5

Jest测试语法系列之Expect

expect(bestLaCroixFlavor()).toBe('grapefruit'); }); 在上面的例子中，toBe是matcher函数，为了帮助你测试不同的内容，Jest提供了很多不同的...pass指示是否存在匹配，message提供了一个没有参数的函数，在失败时返回错误消息。因此当pass为false时，当expect(x). yourmatcher()失败时，消息应该返回错误消息。...你可以在内部使用toEqual或toBeCalledWith而不是文字值。例如，如果你想检查一个模拟函数是否被调用时带有一个数字。...此matcher递归地检查所有字段的相等性，而不是检查对象标识——这也称为“深度相等”。例如，toEqual和toBe在这个测试套件中表现不同，所以所有的测试都通过。...Jest React测试框架之enzyme Jest测试语法系列之Globals Jest测试语法系列之Matchers

3.7K2 0

在 vue-test-utils 中 mock 全局对象

vue-i18n 的例子我们来看一个 vue-i18n 的例子。虽然可以为每个测试用到 createLocalVue 并安装 vue-i18n，但那样可能会让事情难以处理并引入一堆样板。...若仔细端详输出则会发现： [Vue warn]: Error in config.errorHandler: "TypeError: _vm....（译注：通过这种方式就不能在单元测试中耦合与特定语言相关的内容了，因为翻译功能实际上已失效，也更无法处理可选参数等）使用配置设置默认的 mocks 有时需要一个 mock 的默认值，这样就不用为每个测试用例都设置一遍了...，所以我将把默认 mock 描述在 jest.init.js 文件中 -- 该文件会在测试运行前被自动加载。...mock 过的 $t 函数，但会渲染一个真实的翻译了。

1.6K1 0

那些年错过的React组件单元测试（上）

jest提供了三种方案来测试异步代码，下面我们分别来看一下。 done 关键字当我们的test函数中出现了异步回调函数时，可以给test函数传入一个done参数，它是一个函数类型的参数。...Mock 介绍jest中的mock之前，我们先来思考一个问题：为什么要使用mock函数？在项目中，一个模块的方法内常常会去调用另外一个模块的方法。...jest.spyOn() jest.spyOn()方法同样创建一个mock函数，但是该mock函数不仅能够捕获函数的调用情况，还可以正常的执行被spy的函数。...实际上，jest.spyOn()是jest.fn()的语法糖，它创建了一个和被spy的函数具有相同内部代码的mock函数。 Snapshot 快照测试所谓snapshot，即快照也。...当我们再次运行快照测试时，Jest 会将新的快照与旧的快照进行比较，如果两者不一致，测试就会失败，从而帮助我们确保用户界面不会发生意外改变。 ?

5K2 0

JavaScript 测试系列实战（二）：深层渲染和快照测试

今天，我们将更深入地挖掘并学习如何测试组件的 Props，如何（以及为什么）使用 mount 函数，以及什么是 Jest 快照测试。...因此，之前失败的测试现在就会通过。由于 mount 函数会模拟实际的 DOM，渲染成本更高，因此运行测试会花费更多的时间。...快照测试快照测试是 Jest 的一大招牌功能。所谓快照，可以简单地理解成是我们应用的一个**“代码截图”**。当我们运行快照测试时，Jest 将会渲染组件并创建其快照文件。...当我们再次运行快照测试时，Jest 会将新的快照与旧的快照进行比较，如果两者不一致，测试就会失败，从而帮助我们确保用户界面不会发生意外改变。...首先运行 npm test ，然后输入 i 以交互方式更新失败的快照。官方的 Jest 文档提供了一个动画来展示这个过程： ?

2.1K2 0

Jest单元测试之旅—实践总结

Jest本身支持产出代码测试的覆盖率，而覆盖率则是评判单测的好坏途径之一（并不是唯一，再次提及我们不能为了单测而单测）。...it接受2个参数，第一个参数用于描述测试方法，第二参数接受一个函数用于测试。expect用于对结果断言，来判断当前结果是否符合预期。...好在Jest在针对异步函数测试也提供了我们多种方法。...第二：我们测试某个方法时，可能当前方法会夹杂对其他外部方法的调用，如果外部方法并不是一个纯函数，此时我们不应该再对外部方法再进行测试，而是通过Mock方式去模拟它。...每个方法都有不同的使用场景，每个API都会生成一个mock模拟函数，Jest对模拟函数提供了很多方法给予我们模拟方法的返回、实现等等，可移至文档参考 jest.fn jest.fn主要是创建一个模拟函数

10.3K2 0

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

npm地址 github源码 (九) 单元测试环境配置 karma：进行浏览器UI测试 http://karma-runner.github.io/ 1、依赖安装 # Install Karma..."test:ui": "karma start", }, 4、单测用例 demo utils>example.spec.js import { expect } from 'chai' // jest...', () => { it('是不是button按钮啊？'...$el.innerHTML // TypeError: Cannot read property 'innerHTML' of undefined expect(html).to.eq('button...$el expect(html).to.match('button') }) }) 5、测试执行测试通过 ? image.png 测试失败： ? image.png

1.1K1 0

对 React 组件进行单元测试

断言(assertions) 断言是单元测试框架中核心的部分，断言失败会导致测试不通过，或报告错误信息。...Jest 是 Facebook 出品的一个测试框架，相对其他测试框架，其一大特点就是就是内置了常用的测试工具，比如自带断言、测试覆盖率工具，实现了开箱即用。...对于一些组件和共有函数等，完善的测试也是一种最好的使用说明书。...失败-编码-通过三部曲由于测试结果中，成功的用例会用绿色表示，而失败的部分会显示为红色，所以单元测试也常常被称为 “Red/Green Testing” 或 “Red/Green Refactoring...” , 这也是 TDD 中的一般性步骤：添加一个测试运行所有测试，看看新加的这个是不是失败了；如果能成功则重复步骤1 根据失败报错，有针对性的编写或改写代码；这一步的唯一目的就是通过测试，先不必纠结细节

4.3K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭