mở Karma trang debug.html khi khởi động

Question

Phiên bản ngắn:

Làm thế nào để khởi động Karma và có nó mở file debug.html tự động trong trình duyệt giống như Karma bắt đầu trang?

Phiên bản dài:

Tôi không phải là một fan hâm mộ lớn của việc sử dụng các phóng viên điều khiển cho Karma, vì vậy tôi đã được sử dụng karma-jasmine-html-reporter-livereload mà kết quả đầu ra để localhost Karma: 9876 tập tin/debug.html. Vấn đề là, mỗi khi tôi bắt đầu một phiên gỡ lỗi, tôi phải bấm vào nút 'gỡ lỗi' trong trang web mà nghiệp mở ra.

Tôi muốn tìm cách để nghiệp vụ tự động mở trang debug.html thông qua tác vụ gulp. Tôi chạy thử nghiệm trong nhiều trình duyệt, vì vậy tôi muốn trang debug.html mở dưới dạng tab thứ hai trong mỗi trình duyệt mà Karma mở ra. Tôi cũng muốn có thể đóng tab debug.html đó khi karma đóng. Tôi đã thử một loạt các thứ, không thành công.

Đây là nhiệm vụ nuốt chửng của tôi. Nhiệm vụ 'watch' xem các tệp TypeScript nguồn của tôi và biên dịch chúng thành javascript ... không có gì lạ mắt.

gulp.task('watch-test', ['watch'], function (done) { 
    //start a livereload server so that the karma html 
    //reporter knows to reload whenever the scripts change 
    livereload.listen(35729); 
    gulp.watch('dist/src/**/*.js').on('change', livereload.changed); 

    new KarmaServer({ 
     configFile: __dirname + '/karma.conf.js', 
     singleRun: false 
    }, done).start(); 
}); 

Answer 1

Tôi tìm thấy một cách mà làm cho nó vĩnh viễn mặc dù nó không phải là hoàn hảo .. Bạn có thể tiêm vào bối cảnh một javascript:

files: [ 
    "test/init.js", 
    ... 
] 

và đặt bên trong các tập tin mã này:

(function (window) { 
    if (!window.parent.initDone && window.location.pathname === '/context.html') { 
     window.parent.initDone = true; 
     window.open('/debug.html', '_blank'); 
    } 
})(window) 

điều này sẽ đảm bảo rằng cửa sổ chỉ mở khi lần đầu tiên các thử nghiệm được chạy và nó sẽ chỉ được thực hiện trong context.html.

Bạn có thể thêm bất kỳ mã init nào bạn muốn vào trong khối đó.

Answer 2

Tôi không thể tìm ra một cách sang trọng để làm điều đó, vì vậy đây là một trò gian lận bẩn thỉu, thấp, không tốt, thối, hoàn toàn đáng xấu hổ, nhưng nó hoạt động. :)

Trong node_modules> nghiệp> tĩnh> karma.js tôi đã thêm các dòng sau:

var debugWin = window.open('http://localhost:7676/debug.html','Debugme'); 
debugWin.focus(); 

Dưới đây trong bối cảnh, bắt đầu từ khoảng dòng 366 (trong phiên bản 0.13.19):

var updateBanner = function (status) { 
    return function (param) { 
     var paramStatus = param ? status.replace('$', param) : status 
     titleElement.innerHTML = 'Karma v' + VERSION + ' - ' + paramStatus 
     bannerElement.className = status === 'connected' ? 'online' : 'offline' 
    } 
    } 

    var debugWin = window.open('http://localhost:7676/debug.html','Debugme'); 
    debugWin.focus(); 

    socket.on('connect', updateBanner('connected')) 
    socket.on('disconnect', updateBanner('disconnected')) 
    socket.on('reconnecting', updateBanner('reconnecting in $ ms...')) 
    socket.on('reconnect', updateBanner('connected')) 
    socket.on('reconnect_failed', updateBanner('failed to reconnect')) 
    socket.on('info', updateBrowsersInfo) 
    socket.on('disconnect', function() { 
    updateBrowsersInfo([]) 
    }) 
} 

Tận hưởng. Bạn nổi dậy, bạn.

Answer 3

Bạn có thể sử dụng một định nghĩa customLauncher trình duyệt:

customLaunchers: { 
    ChromeDebugging: { 
     base: 'Chrome', 
     flags: [ '--remote-debugging-port=9333', '--auto-open-devtools-for-tabs', 'http://localhost:9876/debug.html' ] 
    } 
    } 

Và sử dụng trình duyệt này trong cấu hình nghiệp của bạn.