Afficher les résultats des tests de Karma dans un navigateur ?

Question

Je suis novice en matière de Karma, mais je me demande comment afficher sa sortie dans un navigateur (un peu comme la façon dont on interagit avec Jasmine, lorsqu'un fichier runner.html est présent).

J'ai regardé le screencast d'introduction et je comprends comment afficher les résultats des tests dans une fenêtre de console, mais dans mon navigateur, je n'obtiens pratiquement aucun contenu pour Karma, à l'exception des éléments suivants

Karma - connecté

Veuillez me conseiller ! Je voudrais éviter d'avoir à maintenir un fichier runner.html séparé, puisque le fichier de configuration de Karma me demande déjà d'inclure tous les liens script nécessaires.

Answer 1

Les deux réponses précédentes sont correctes : vous devez exécuter les tests dans un navigateur, cliquer sur DEBUG et afficher les résultats dans la console.

Pour contredire poliment la réponse précédente, je fais régulièrement ce genre de débogage en pas à pas avec une interaction complète des variables en utilisant Karma.

La bonne réponse à votre question, parce que ce que vous voulez est une jolie sortie basée sur le HTML, est "non". Cependant, ce plugin pour karma peut vous donner les résultats que vous souhaitez.

https://npmjs.org/package/karma-html-reporter

Answer 2

Vous devez l'exécuter avec singleRun = false sur karma.conf.js puis cliquez sur le bouton en haut de la page qui dit "DEBUG". Vous devriez alors voir la sortie et elle ne disparaîtra pas ou ne se fermera pas. Vous pourrez également utiliser la console pour déboguer.

Il faut noter que le débogage des tests e2e n'est pas si facile car ils sont basés sur le "futur" et vous ne pourrez pas intercepter les valeurs (afaik).

Answer 3

Salut Dans mon cas, j'ai résolu ce problème en installant karma-jasmine-html-reporter et le mettre dans le tableau des reporters.

• Instale npm i -D karma-jasmine-html-reporter
• ajoutez 'kjhtml' dans votre rapport.

• ajouter client:{clearContext:false}

  var gulpConfig = require('./build/build.conf')(); module.exports = function (config) { config.set({ browsers: ['Chrome'], basePath: './', plugins: [ // all other plugins 'karma-jasmine-html-reporter' ], colors: true, client: { clearContext: false // will show the results in browser once all the testcases are loaded }, frameworks: ['jasmine', 'jasmine-sinon', 'sinon'], files: [].concat( gulpConfig.deps.lib, 'js//mother.js', 'js//mother..js', 'js/*/.tests.js' ), logLevel: config.LOG_INFO, reporters: ['kjhtml', 'progress', 'coverage'], }); };

Answer 4

Une option consiste à ouvrir la console Javascript dans votre navigateur. Karma crée une entrée de journal pour chaque test, y compris le résultat.

Answer 5

Je voulais afficher Notifications Web HTML5 avec Karma, j'ai donc écrit quelque chose de rapide pour le faire fonctionner avec la version 0.11 de Karma. Le comportement peut être légèrement différent avec d'autres versions. Je charge ce script avec le reste de mon application script, il stockera les résultats du test de Karma et après l'achèvement, il déterminera le succès du test, puis réinitialisera les fonctions originales de Karma afin qu'elles ne soient pas modifiées lorsque ce script sera exécuté à nouveau.

// store all my test results
var results = [];
// Wrap the karma result function
var resultFunc = window.__karma__.result;
window.__karma__.result = function(result){
    // run the original function
    resultFunc(result);
    // push each result on my storage array
    results.push(result);
}

// wrap the karma complete function
var completeFunc = window.__karma__.complete;
window.__karma__.complete = function(result){
    // run the original function
    completeFunc(result);
    // determine success
    var success = results.every(function(r){ return r.success });

    if (success) {
        // display a success notification
    }
    else {
        // display a test failure notification
    }

    // reset the result function
    window.__karma__.result = resultFunc;
    // reset the complete function
    window.__karma__.complete = completeFunc;
}