Yeoman webapp generator - 如何在瀏覽器中運行摩卡測試

Question

我有一些用mocha/chai編寫的JS測試，我想在使用webapp生成器的腳手架項目中運行它們。

我把我的測試放在Yeoman結構的「測試」文件夾中，測試運行正常。但問題是grunt test命令僅在控制檯中顯示測試結果，而不是在瀏覽器中顯示。

我正在尋找一種方法來運行命令並在瀏覽器中顯示測試。我怎樣才能做到這一點？

感謝您的幫助！

Answer 1

請考慮connect的這部分配置（更確切地說，這是connect一個子任務）：

test : { 
    options : { 
    middleware : function(connect) { 
     return [ 
     require('connect-livereload')(), 
     mountFolder(connect, '.tmp'), 
     mountFolder(connect, 'test') 
     ]; 
    }, 
    port  : grunt.option('port') ? Number(grunt.option('port')) + 1 : 9001 
    } 
} 

以上將來自可通過HTTP指定的文件夾中生成文件。

• .tmp是我的transpiled的CoffeeScript和SCSS是登陸定期JS/CSS
• test是在我的測試中有一個非常簡單的index.html文件，其中電線一起駐留所有的JS/CSS在一起，包括mocha.js和mocha.css

在我Gruntfile後來我註冊test任務：

grunt.registerTask('test', function(target) { 
    var tasks = [ 
    'clean:server', 
    'coffee', 
    'jst', 
    'connect:test' 
    ]; 

    if (target === 'browser') { 
    tasks.push('open:test'); 
    tasks.push('watch'); 
    } else { 
    tasks.push('mocha'); 
    } 

    grunt.task.run(tasks); 
}); 

這是有關您的問題的一部分是'connect:test'這使得可以通過瀏覽器訪問測試，而這一次：

if (target === 'browser') { 
    tasks.push('open:test'); 
    tasks.push('watch'); 
    } else { 
    tasks.push('mocha'); 
    } 

只要你不指定browser爲您test目標時，測試將在控制檯中無端運行。但如果你喜歡grunt test:browser，Grunt將會打開瀏覽器，感謝open:test。爲了您的參考，我還包括我的open:test config：

test : { 
    path : 'http://localhost:<%= connect.test.options.port %>' 
}