如何在javascript中的文档中查找元素存在

Question

我只是创建了一个 html 文档。 我开始使用jest进行测试。 但得到无效的输出。 通过jest测试文档中元素存在的正确方法是什么？

这是我的 html：

<body>
<h2>Title</h2>
<input type="file" name="" class='title'>
<script src="./index.js"></script>
</body>

我的js代码：

window.onload = () => {

    const title = document.querySelector('h2');
    title.style = 'border:1px solid red';

    const input = document.querySelector('input');

    input.addEventListener('change', (event) => {
        const file = event.srcElement.files;
        input.value = '';
    });

}

我的测试规范：

describe('first test', () => {

    it('should contain h2 element', () => {
        const h2 = document.querySelector('h2');
        expect(document.contains(h2)).toBe(true);
    });

});

但得到以下错误：

 expect(received).toBe(expected) // Object.is equality

    Expected: true
    Received: false

      3 |     it('should contain h2 element', () => {
      4 |         const h2 = document.querySelector('h2');
    > 5 |         expect(document.contains(h2)).toBe(true);
        |                                       ^
      6 |     });
      7 |
      8 | });

      at Object.<anonymous> (index.spec.js:5:39)

测试文档中现有元素的正确方法是什么？

提前致谢。

Answer 1

我会尝试，因为您已经尝试使用querySelector查找元素

...
expect((h2 !== null)).toBe(true);
...

如何在javascript中的文档中查找元素存在

问题描述

1 个解决方案

解决方案1
1 2020-03-02 14:10:41

如何在javascript中的文档中查找元素存在

问题描述

1 个解决方案

解决方案1 1 2020-03-02 14:10:41

解决方案1
1 2020-03-02 14:10:41