DOMを操作するコードのテストを書いていますが、ブラウザ環境で実行したかったのですが、どのようにしたらいいかわかりません。ブラウザ環境でユニットテストを実行するにはどうすればよいですか?
私は私の小さなライブラリpromisify-dom-selectorため、テストライブラリAVAを使用してモックアップテストを書いた:
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)
})
とHeadless Chromeでそれを実行したいです。
私はAVAプラグインkarma-avaにカルマを設定しようとしましたが、それはここでも、動作しませんが、エラーメッセージです:
可能であれば私はカルマルートに行かないだろうしかし、私は他の方法を知らない!私に何ができる?
casperjsを調べます。 casperはphantomjsのラッパーで、あなたが後にしているすべてのことをします。 – archae0pteryx
https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chaiの記事があります。幸運 –
@TravelingTechGuyはい私はその記事のやり方を見て、カルマを使ってみましたが、avaでうまくいかなかった – Pontiacks