0
これに似た質問がありますが、決定的な回答はないようですが、ほとんどの回答は古く、廃止されています。それは私がこれを尋ねる理由です。依存関係としてjQueryを持つモカテストモジュール
だから私はこの
// B2CPopup_methods_test.js
import './domTestsHelper'
import { expect } from 'chai'
import newB2CPopup from './popupFromDbBoilerplate'
describe('B2CPopup class method - ',() => {
const popup = newB2CPopup
it('prependHTMLToDOM prepends html to dom',() => {
popup.prependHTMLToDOM()
expect($('.b2cPopupOverlay')).to.exist
})
})
のようなテストを持っていると私のdomTestsHelper.js
この
import jquery from 'jquery'
import jsdom from 'jsdom'
import chai from 'chai'
import chaiJquery from 'chai-jquery'
// Set up testing environment to run like a browser in the command line
const { JSDOM } = jsdom
const { window } = new JSDOM('<!doctype html><html><body></body></html>')
const $ = jquery(window)
chaiJquery(chai, chai.util, $)
export { $ }
のように見える最後に私がテストしていたファイルが
// B2CPopup.js
import $ from 'jquery'
export default class B2CPopup {
constructor ({ _id, options }, html) {
this._id = _id
this.options = options
this.html = html
}
start =() => {}
createOptions =() => {}
prependHTMLToDOM =() => $(this.html).prependTo('body')
show =() => {}
}
そしてもちろん私ですこのエラーでテストに失敗しています
私domTestsHelper.jsでError: jQuery requires a window with a document