Wie kann ich einen Komponententest in einer Browserumgebung ausführen?

Question

Ich schreibe einen Test für Code, der das DOM manipuliert, und ich wollte es in einer Browserumgebung ausführen, und ich weiß nicht wie.

schrieb ich einen Mock-up-Test der Test Bibliothek AVA, für meine kleine Bibliothek promisify-dom-selector mit:

const test = require('ava') 
const promisifyDOMSelector = require('index.js') 

test('pGetElementById works', t => { 
    const pGetElementById = promisifyDOMSelector(document.getElementById) 

    pGetElementById('load-later') 
    .then((el) => { 
     t.deepEqual(el, document.getElementById('load-later')) 
    }) 

    const testEl = document.createElement('div') 
    testEl.id = 'load-later' 
    document.body.appendChild(testEl) 
}) 

und wollte es in Headless Chrome laufe.

Ich habe versucht, Karma mit der ava-Plugin karma-ava Einrichtung, aber es ist nicht einmal zu arbeiten, hier ist die Fehlermeldung:

Ich würde nicht mit dem Karma Weg gehen, wenn möglich Aber ich weiß es nicht anders! Was kann ich tun?

Answer 1

Wenn Sie nicht benötigen tatsächlich Test in einem Browser dann die browser testing Rezept enthält einige hilfreiche Zeiger.

https://github.com/avajs/karma-ava hat seit über einem Jahr keine Arbeit mehr gesehen, also bin ich nicht überrascht, wenn das nicht funktioniert.

Wenn Sie Ihren Code in einem tatsächlichen Browser ausführen müssen, verwende ich http://www.nightmarejs.org/ oder etwas mit einem HTML-Dokument, das Sie von AVA steuern können, um Ihre Bibliothek zu testen.