【新书《编写可测试的JavaScript代码 》出版,感谢支持】教程文章相关的互联网学习教程文章

javascript – 单元测试中的错误vue.js karma:undefined不是构造函数()【代码】

这是我的第一次单元测试,我收到的错误消息无法找到为什么我到目前为止在论坛中得到它. 这是我的单元测试:import LoginPage from 'src/pages/Login'describe('Login.vue', () => { it('mounted is a fuction', () => {expect(typeof LoginPage.mounted).toBe('function') }) })这是登录页面:<template> <div class=""><p v-if="$route.query.redirect">You need to login first.</p><form class="column is-one-third is-offset-o...

javascript – 使用Jest和create-react-app测试React Async【代码】

我似乎无法想出这个.我正在使用create-react-app,它是在测试运行器Jest中构建的.对于所有同步代码,它似乎工作得很好,但是当嘲笑承诺时,我似乎无法让它工作. 反应组件具有我能够模拟提交的形式. 反应组件代码段.//Top of the page import {auth} from '../../lib/API_V2' // ... //// Handle submit runs when the form is submitted handleSubmit = (event) => {console.log('submit')event.preventDefault()this.setState(prevSta...

javascript – 如何在Jest中编写加载把手模板文件的单元测试?【代码】

在我的reactjs项目中,我使用把手从模板生成源代码.这些模板保存在文件中.为了将这些文件加载??到javascript中,我在webpack中配置了以下配置:{test: /\.handlebars|hbs$/,loader:'handlebars-loader?helperDirs[]=' +path.join(__dirname, '../src/helpers/handlebars')},我开始制作时效果很好.但它在我的单元测试中不起作用.我使用jest作为单元测试框架.我见过有人建议使用Handlebars.registerHelper.我知道它仅适用于字符串中的模...

javascript – 使用Jasmine或任何其他替代方案在Node上运行测试.mjs / ESM【代码】

由于–experimental-modules CLI开关(即节点–experimental-modules),我的基于节点的项目是使用节点上的本机ES模块支持实现的. 显然,当我使用Jasmine节点–experimental-modules ./node_modules/jasmine/bin/jasmine运行规范时,我收到以下错误:Error [ERR_REQUIRE_ESM]: Must use import to load ES Module在Node中使用ES模块是否可以使用Jasmine? 如果没有,是否有任何替代方法不使用框架(例如,使用npm脚本运行测试)?解决方法:这...

javascript – 在自动化测试中有多少断言?【代码】

我被赋予了使用testcafe构建测试服的任务,并且在我编写测试时,我偶然发现了一个特定问题“多少断言太多了?”.基本上,在测试完成后,会生成一个报告.查看报告并不直观.例如,如果在网页上找不到元素,我会看到如下内容:>Selector('tads') does not exist in the DOM. 这迫使我手动完成测试以验证失败的原因. 根据testcafe文档,您可以向断言添加可选消息. as seen here 截至目前,我在一些地方发布了一些消息.在每次点击或每次操作后都...

javascript – 单元测试jQuery document.ready函数【代码】

关于单元测试jQuery的document.ready function(),我有一个问题. 目前我的代码中有两个场景:function myFunction() {$(document).ready(function() { ... }); }和:$(document).ready(function() {// some really long setup code here });我尝试为第一个场景编写单元测试,但我无法让它运行到document.ready函数中.至于第二个场景,我还没有想出一种方法来测试它(我很难找到一种方法来测试它和语法). 所以假设我无法更改源代码,有没...

javascript – 你能测试-moz-linear-gradient的浏览器支持吗?

我想使用特征检测来判断用户的Firefox版本是否支持CSS样式值-moz-linear-gradient. (这是在Gecko 1.9.2中添加的.V3.6版使用了这个.) 我不能使用document.body.style.mozLinearGradient(或类似的东西)因为-moz-linear-gradient不是样式属性而是样式值. 有没有人知道如何在不使用版本号的情况下测试?解决方法:我不确定如何,但Modernizr(一个不错的小功能检测脚本)似乎可以做到这一点. 我猜你可以创建一个(offscreen?)元素,设置它的...

javascript – WebGL基准测试 – 我应该创建什么样的测试?

(我不确定这是否应该在https://softwareengineering.stackexchange.com/上,如果您这么认为,请发表评论) 我即将为我的学士论文创建WebGL实现的基准.我不确定我应该创建什么样的测试,如果我只测量每秒的帧数,如果我能得到一些其他有用的数据来进行基准测试… 目前我只是考虑过这样的测试: > 1个单色物体> 1个多色物体> 1纹理对象> 1个带有混合的纹理对象> 1带闪电的纹理物体> 1个带有多个照明点的纹理对象> 1个场景渲染到纹理并在另...

关于编写可测试JavaScript代码的截屏视图

是否有任何可以深入编写可测试JavaScript代码的截屏视频?还解释了实践,工具等. 最好是经过精心打磨的东西,并以PeepCode的形式呈现.解决方法:看看this video from NDC 2010.它可能无法满足您的所有要求,但对我来说这是一个很好的起点.

javascript – 使用默认值的逻辑测试结果【代码】

这更像是“战壕中的经验”问题. 鉴于这篇javascript/*** @param [foo] * {Object} an optional object (it can be null, undefined, empty, etc..)* @param [foo.bars]* {Array} an Array that *might* be in the object*/ function (foo) {// I want to get the array, or an empty array in any // of the odd cases (foo is null, undefined, or foo.bars is not defined)var bars = [];if (foo && foo.bars) {...

javascript – 从jsfiddle测试Facebook身份验证【代码】

当我运行尝试从jsfiddle验证Facebook应用程序时,我收到此错误消息 应用程序配置不允许使用URL:应用程序的设置不允许使用一个或多个给定的URL.它必须与网站URL或Canvas URL匹配,或者域必须是App域之一的子域. http://jsfiddle.net/MyNameIsSakthi/K5hwY/1/while(1){print("Thanks for answering!"); }什么必须是Facebook应用程序中的更改设置?解决方法:@sakthi在facebook应用程序配置中,我们需要添加运行我们应用程序的域名.在jsf...

javascript – 使用Gulp-mocha测试Angular:“窗口未定义”【代码】

我正在与Gulp建立一个项目,用Mocha运行单元测试,包括Angular测试.我有基本设置工作(indexOf等),但是当我包含角度模拟时,我得到此错误或节点模块错误: ‘gulp-mocha’中的ReferenceError:“窗口未定义” 我尝试使用gulp-mocha-phantomjs包括角度模块模拟……但结果是一样的. (使用mocha-phantomjs我的错误是’初始超时’.)我已经看到很多配置Mocha和Angular或Gulp和Karma的例子,但还没有找到Gulp,Mocha和Angular的解决方案. 我正在...

你如何使用单元测试和某种IDE开发Javascript

我不喜欢保存文件,切换到Web浏览器并刷新并查看它是否有效. 这就是我要问的原因. 当我必须触摸PHP时,我使用Eclipse,我可以创建单元测试并确保它正常工作,我不会写一点,测试然后写一点并测试.所以我希望以相同的方式“开发”Javascript,写一个块,确保它有效,但我不确定如何测试按钮触发的操作说. 我已经搜索了“Javascript开发”和其他术语,我得到了预期的废话…好吧你好世界Javascript snippits真的. 有人能指出我正确的方向吗?我...

javascript – 如何对一个只调用其他函数的函数进行单元测试?【代码】

我的代码库(遗留)中有一个函数,它具有:function test() {method1("#input a")method2("test")method3(1,2) }鉴于它调用其他方法的事实,如何为这些函数编写一个好的单元测试?解决方法:首先,我不认为你描述的这种行为甚至需要进行单元测试.但是,如果您确实需要检查是否使用特定参数(甚至任何参数)调用方法.有一种方法可以做到这一点,你可以使用像ShortifyPunit这样的模拟框架:https://github.com/danrevah/ShortifyPunit 请遵循以...

javascript – 使用Jasmine在Angular Controller中测试非范围函数【代码】

Jasmine是以BDD方式对javascript代码进行单元测试的最广泛使用的测试框架之一.我试图将它用于AngularJS组件测试. AngularJS文档提供以下示例代码describe('PasswordController', function() {beforeEach(module('app'));var $controller;beforeEach(inject(function(_$controller_){$controller = _$controller_;}));describe('$scope.grade', function() {it('sets the strength to "strong" if the password length is >8 chars'...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部