找不到QUnit
找不到QUnit
提问于 2020-02-07 03:45:06
我用javascript编写了以下代码，调用persona.js：
var PrototipoPersona = {
nombre : '' ,
primerApellido : '',
segundoApellido : ''
}
getNombre = function(){
return this.nombre;
}
getPrimerApellido = function(){
return this.primerApellido;
}
getSegundoApellido = function(){
return this.segundoApellido;
}
setNombre = function(nombre){
this.nombre=nombre;
}
setPrimerApellido = function(primerApellido){
this.primerApellido = primerApellido;
}
setSegundoApellido = function(segundoApellido)
{
this.segundoApellido = segundoApellido;
}
var Persona = function(datosPersona) {
var miPersona = Object.create(PrototipoPersona);
miPersona = $.extend(miPersona,datosPersona);
return miPersona;
}一个控件调用controlador.js：
$(document).on('ready',function(){
var datosPersona = {
nombre : 'Juan' ,
primerApellido : 'Garcia',
segundoApellido : 'Lopez'
};
var miPersona = Persona(datosPersona);
var nombre = miPersona.getNombre();
var primerApellido = miPersona.getPrimerApellido();
var segundoApellido = miPersona.getSegundoApellido();
QUnit.test("prueba", function(assert) {
assert.equal(nombre,"Juan","El nombre es correcto");
assert.equal(primerApellido,"Garcia","El primer apellido es correcto");
assert.equal(segundoApellido,"Lopez", "El segundo apellido es correcto");
});
});和index.html：
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo basico de javascript</title>
<link rel="stylesheet" href="qunit-2.9.2.css">
<script src="./qunit-2.9.2.js"></script>
<script src="./jquery-3.2.1.slim.min.js"></script>
<script src="./controlador.js"></script>
<script src="./persona.js"></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
</body>
</html>
当我尝试以下代码时，它不起作用，它给出了图像中显示的错误，因为当我在浏览器中运行它时，它不起作用。Qunit找不到要启动的测试，我正在使用mozilla firefox和visual studio代码，但我认为这不是问题所在
回答 1
Stack Overflow用户
发布于 2020-03-14 01:54:44
我认为问题在于QUnit也在document ready上运行，而您的document.ready是在它的document.ready之后运行的。因此，您的测试(在controlador.js中)还不存在。相反，请按照上面注释中建议的顺序对HTML文件进行重新排序，将JS文件放在末尾(在controlador之前是persona)，然后删除代码的document.ready。
这是一个运行QUnit的“有效”的example in JSFiddle。您的代码中还有其他问题，但希望运行测试会有所帮助。
在html文件中：
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo basico de javascript</title>
<link rel="stylesheet" href="qunit-2.9.2.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="./jquery-3.2.1.slim.min.js"></script> <!-- put jQuery first! -->
<script src="./qunit-2.9.2.js"></script>
<script src="./persona.js"></script> <!-- notice this one BEFORE controlador -->
<script src="./controlador.js"></script>
</body>
</html>然后在controlador.js中
QUnit.test("prueba", function(assert) {
// Note that I moved all test code INSIDE the test case, this is the proper way.
var datosPersona = {
nombre : 'Juan' ,
primerApellido : 'Garcia',
segundoApellido : 'Lopez'
};
var miPersona = Persona(datosPersona);
var nombre = miPersona.getNombre();
var primerApellido = miPersona.getPrimerApellido();
var segundoApellido = miPersona.getSegundoApellido();
assert.equal(nombre,"Juan","El nombre es correcto");
assert.equal(primerApellido,"Garcia","El primer apellido es correcto");
assert.equal(segundoApellido,"Lopez", "El segundo apellido es correcto");
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60102426
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号