Tentando configurar o Grunt para automatizar alguns testes, o teste funciona bem no navegador, mas não na linha de comando
Atualmente estou tentando incorporar o GruntJS com alguns plugins (PhantomJS Qunit e plugins Connect). No entanto, configurar um teste simples está me causando erros e não consigo encontrar a solução apesar de alguns dias de pesquisa. Estou usando um servidor web local (MAMP) e o site está sendo executado em um CMS.
Executar os testes acessando o modelo de teste em um navegador funciona bem, mas ao tentar acessar as mesmas ferramentas por meio da linha de comandosudo grunt test PhantomJS retorna um erro estranho:
Running "qunit:all" (qunit) task
Testing http://user-guides:80/test/test.html
Warning: PhantomJS timed out, possibly due to a missing QUnit start() call. Use --force to continue.
Aborted due to warnings.
Algumas das minhas pesquisas fizeram com que as pessoas fizessem downgrade de sua versão do phantom.js para lidar com problemas semelhantes, mas até agora nenhuma dessas soluções funcionou para mim, e estou com medo de estar perdendo algo bem na minha frente.
Aqui está o conteúdo do meu Gruntfile.js
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
connect: {
server: {
options: {
hostname: 'user-guides',
port: 80,
base: 'public'
}
}
},
jshint: {
all: ['Gruntfile.js', 'public/assets/js/helper/*.js', 'public/assets/js/specific/*.js']
},
qunit: {
all: {
options: {
timeout: 5000,
urls: [
'http://user-guides:80/test/test.html',
]
}
}
}
}
);
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-qunit');
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.registerTask('test', ['connect', 'qunit']);
};
Aqui está o teste Qunit simples
<html>
<head>
<meta charset="utf-8">
<title>Tests</title>
<link rel="stylesheet" href="/assets/lib/qunit.css">
</head>
<body>
<div id="qunit"></div>
<script src="/assets/lib/qunit.js"></script>
<script>
console.log("====TEST===");
start();
test( "hello test", function() {
ok( 1 == "1", "Passed!" );
});
</script>
</body>
</html>
Qualquer ajuda é muito apreciada.