首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    你将学到什么 通过后面的内容你将学到: 如何从 Javascript 的异步函数中抛出错误 如何使用 Jest 测试来自异步函数的异常 要求 要继续往下读你应该: 对 Javascript 和 ES6...有基本的了解 安装 Node.Js 和 Jest 如何从 Javascript 的常规函数中抛出错误 使用异常而不是返回码(清洁代码)。...这是对它的测试(使用Jest): ? 也可以从 ES6 的类中抛出错误。在 Javascript 中编写类时,我总会在构造函数中输入意外值。下面是一个例子: ? 以下是该类的测试: ?...被拒绝的Promise将会在堆栈中传播,除非你抓住(catch)它。 至于测试代码,应该这样写: ? 我们测试的不能是普通的异常,而是带有TypeError的rejects。 现在测试通过了: ?...以下是在Jest中测试异常的规则: 使用 assert.throws 来测试普通函数和方法中的异常 使用 expect + rejects 来测试异步函数和异步方法中的异常 如果你对如何使用 Jest

    4.1K30

    js中带有参数的函数作为值传入后调用问题

    ❝小闫语录:你可以菜,但是就这么菜下去是不是有点过分了 ❞ 每天不是在写 bug,就是在解 bug 的路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 1.无参数函数作为参数传入调用...} fuc2(fuc1); // 1 2.有参数函数作为参数传入调用 一般的函数都有参数,那么这种情况如何传参呢?...现在要将传入的函数作为点击事件的处理程序,你一定想得是这样: function fuc1(param) { alert(param); } var link = document.getElementsByClassName...("link1"); link.onclick = fuc1("我是小闫同学啊"); 但是不好意思,「不需要点击,一刷新页面,直接调用函数」,弹出窗口!...❝因为在你写 fuc1("我是小闫同学啊") 时,默认就调用了此函数,都不需要点击。 ❞ 如何才能达到在点击时才弹出窗口呢?

    11.6K40

    带你入门前端工程(四):测试

    其中单元测试使用的测试框架为 Jest,E2E 使用的测试框架为 Cypress。...根据错误性写测试,即错误的输入应该是错误的结果。 对一个函数做测试 例如一个取绝对值的函数 abs(),输入 1,2,结果应该与输入相同;输入 -1,-2,结果应该与输入相反。...Jest 如果要开启测试覆盖率统计,只需要在 Jest 命令后面加上 --coverage 参数: "scripts": { "test": "jest --coverage", } 现在我们用刚才的测试用例再试一遍...Funcs:函数覆盖率,是否执行了每个函数。 Lines:行覆盖率,是否执行了每一行代码。 可能有人会有疑问,1 和 4 不是一样吗?其实不一样,因为一行代码可以包含好几个语句。...TDD 的初衷是好的,但如果你的需求经常变(你懂的),那就不是一件好事了。很有可能你天天都在改测试代码,业务代码反而没怎么动。

    2.1K10

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

    ---- 前置基础 jest : 这个测试框架非常不错,Facebook 出品 ES5&&ES6 Typescript 我们不讲配置,也不讲其他琐碎,只说实现过程 ---- 思路分析 重心其实就是围绕传参来执行...---- 代码实现 代码不多,只涵盖了这么几种情况,具体看测试的文字描述 函数 js 版本(isDate.js , 暴露isDate函数,接收一个参数) function checkDateTime(d...1970年...那肯定不是我们后台要传的时间 // 小于这个年份的也必然不是,谁的后台token过期时间超过一年的......1970年...那肯定不是我们后台要传的时间 // 小于这个年份的也必然不是,谁的后台token过期时间超过一年的......纯函数的好处就是可以低耦合,虽然我们可以在这里高内聚,比如做续期,请求,路由跳转什么的, 那这样就是一个auth的所有功能了,这不是我想要的, 有不对之处请留言,会及时修正,谢谢阅读

    2.4K20

    Jest测试语法系列之Expect

    expect(bestLaCroixFlavor()).toBe('grapefruit'); }); 在上面的例子中,toBe是matcher函数,为了帮助你测试不同的内容,Jest提供了很多不同的...你可以在内部使用toEqual或toBeCalledWith而不是文字值。例如,如果你想检查一个模拟函数是否被调用时带有一个数字。...也就是说,预期的数组不是接收数组的子集,它与 expect.arrayContaining 相反。...如果想要检查两个数组在它们的元素数量上是否匹配,而不是arrayinclude,这是非常有用的,因为它允许在接收的数组中添加额外的元素。...此matcher使用“深度相等”(如toEqual()))并递归地检查所有字段的相等性。 下面的示例包含一个带有嵌套属性的houseForSale对象。

    4.4K20

    Tensorflow BatchNormalization详解:3_使用tf.layers高级函数来构建带有BN的神经网络

    Batch Normalization: 使用 tf.layers 高级函数来构建带有 Batch Normalization 的神经网络 参考文献吴恩达 deeplearningai 课程[1]课程笔记...BN操作没有任何的区别,但是如果使用tf.nn包中函数实现BN会发现一些小的变动 """ """ 我们会运用以下方法来构建神经网络的卷积层,这个卷积层很基本,我们总是使用3x3内核,ReLU激活函数,...PS:该版本的函数包括批量标准化操作。...这不是实践CNN的好方法,但它可以帮助我们用很少的代码创建这个示例。...一般来说,人们似乎同意删除层的偏差(因为批处理已经有了缩放和移位的术语),并且在层的非线性激活函数之前添加了批处理规范化。

    2.2K20

    Sentry 开发者贡献指南 - 测试技巧

    sentry devservices down # 打开带有 test 前缀的服务以使用单独的容器和卷 sentry devservices up --project test # 验证测试容器是否正确出现...before_now(minutes=1)) event = self.store_event(data, project_id=self.project.id) 设置选项和功能标志 如果您的测试是针对带有功能标记的端点...我们不是选择任意的时间点,而是从现在开始向后工作,并且有一些辅助函数可以这样做: from sentry.testutils.helpers.datetime import before_now, iso_format...Jest 测试 我们的 Jest 套件涵盖为前端组件提供功能和单元测试。我们更喜欢编写与组件交互并观察结果(导航、API 调用)的功能测试, 而不是检查 prop 传递和 state 突变。...TestStubs 全局包括 tests/js/sentry-test/fixtures/ 中的所有 fixture 函数。

    2.1K50

    使用storybook管理React组件

    新建一个Storybook React项目 按照官方教程使用npx -p [@storybook](/user/storybook)/cli sb init安装,一直会报错: TypeError: Cannot...测试UI组件 4.1 写测试用例的原因 找到bug 新修改没有改变已有的接口和功能 将测试用例作为文档 4.2 测试结构 使用storyshots插件来实现,其核心是使用Jest,原理是每次生成一份DOM...PS:下次运行Jest时,只有DOM结构与上次完全一致测试才会通过,通常会有两种方法来解决这种情况: 找到问题,修复不同; 用新的DOM结构替换旧的。...4.3 测试交互 storybook交互性测试可以使用 Enzyme来模拟用户输入,然后使用Mocha or Jest来进行结果测试,storybook又一个专门的插件帮助我们集成他们:specifications...4.4 测试样式 样式测试这里采用Puppeteer 和Jest来实现,其原理是利用Puppeteer的无头的chrome浏览器和storybook的url绑定组件特点,来渲染不同的UI组件,再进行图片快照的对比

    4.2K20

    C语言宏定义(#define定义常量​、#define定义宏​、 带有副作用的宏参数、 宏替换的规则、 宏函数的对比)

    0; } 五、带有副作用的宏参数​ 当宏参数在宏的定义中出现超过一次的时候,如果参数带有副作用,那么你在使用这个宏的时候就可能出现危险,导致不可预测的后果。...副作用就是表达式求值的时候出现的永久性效果。 x+1;//不带副作用​ x++;//带有副作用​ MAX宏可以证明具有副作用的参数所引起的问题。​...(x++) : (y++)); 在这个例子中,x和y都被传递给了MAX宏,并且它们都带有递增的副作用。由于MAX宏中的条件运算符(a) > (b) ?...用于调用函数和从函数返回的代码可能比实际执行这个小型计算工作所需要的时间更多。所以宏比函数在程序的规模和速度方面更胜一筹。 2. 更为重要的是函数的参数必须声明为特定的类型。...宏可能会带来运算符优先级的问题,导致程容易出现错。 宏有时候可以做函数做不到的事情。比如:宏的参数可以出现类型,但是函数做不到。

    3.6K11

    ​day021: 函数的arguments为什么不是数组?如何转化成数组?

    day021: 函数的arguments为什么不是数组?如何转化成数组? 因为argument是一个对象,只不过它的属性从0开始排,依次为0,1,2...最后还有callee和length属性。...我们也把这样的对象称为类数组。...常见的类数组还有: 用getElementByTagName/ClassName/Name()获得的HTMLCollection 用querySlector获得的nodeList 那这导致很多数组的方法就不能用了...let args = Array.from(arguments); console.log(args.reduce((sum, cur) => sum + cur));//args可以调用数组原生的方法啦...} sum(1, 2);//3 当然,最原始的方法就是再创建一个数组,用for循环把类数组的每个属性值放在里面,过于简单,就不浪费篇幅了。

    2.1K10
    领券