我有html结构,我想使用jquery在jest js中测试它,它似乎给了我一些简单的奇怪回报。
当我执行console.log时
console.log("element = ", element.data('authorized'));
它显示为未定义,但事实并非如此。
还有什么奇怪的事情,当我登录我得到的元素时
{ '0': HTMLSelectElement {}, length: 1 }
而不是带有jquery元素本身的数组。任何人都知道为什么这可能发生在Jest.js
jest.dontMock('jquery');
window.$ = require('jquery');
test('temp test', ()=> {
const selectEl =
'<div id="network">'+
'<div class="select-wrap">'+
'<select tabindex="1" id="select-box">'+
'<option value="C" selected="selected" data-authorized="false">Option 1</option>'+
'<option value="D" data-authorized="false">Option 2</option>'+
'</select>'+
'</div>'+
'</div>';
document.body.innerHTML = selectEl;
const element = $('#select-box');
console.log("element = ", element.data('authorized'));
})