如何在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