Как проверить нодлист с помощью Jest - PullRequest
Новая
       33

Как проверить нодлист с помощью Jest

1 голос
/ 28 января 2020

Я пытаюсь проверить с помощью Jest функцию javascript, которая проверяет, является ли переменная нодлистом. Это функция браузера, и она будет использоваться в браузере. вот функция: 

/**
 * @description Check if input is a nodelist and return true or false.
 * @export
 * @param {*} input
 * @returns {boolean}
 */
export function $isNodeList(input) {
    return NodeList.prototype.isPrototypeOf(input);
}

Функция хорошо работает в браузере, но если я пытаюсь проверить ее с помощью jest, я получаю следующую ошибку: ReferenceError: NodeList не определен

Файл теста: 

const esmImport = require("esm")(module);
const mod = esmImport("../tools/is_nodelist.js");

const html = '<!DOCTYPE html>\
                <html>\
                    <body>\
                        <div>Hello world</div>\
                        <div>Hello</div>\
                        <div>...</div>\
                    </body>\
                </html>';

const jsdom = require("jsdom");
const { JSDOM } = jsdom;
const { document } = (new JSDOM(html)).window;

global.document = document;

test("expect nodeList to be nodelist", () => {
    let nodeList = global.document.querySelectorAll("div");
    expect(mod.$isNodeList(nodeList)).toBe(true);
});

test("expect htmlCollection not to be nodelist", () => {
    let htmlCollection = global.document.getElementsByTagName("div");
    expect(mod.$isNodeList(htmlCollection)).toBe(false);
});

Что не так в моем тесте и как правильно проверить эту функцию?

1 Ответ

0 голосов
/ 30 января 2020

Вы можете настроить testenvironment конфигурацию файла jest.config.js. Так что вам не нужно явно использовать jsdom в вашем тестовом файле.

Например,

index.js: 

export function $isNodeList(input) {
  return NodeList.prototype.isPrototypeOf(input);
}

index.test.js: 

import * as mod from '.';

describe('59947808', () => {
  test('expect nodeList to be nodelist', () => {
    let nodeList = document.querySelectorAll('div');
    console.log('nodeList: ', nodeList);
    expect(mod.$isNodeList(nodeList)).toBe(true);
  });

  test('expect htmlCollection not to be nodelist', () => {
    let htmlCollection = document.getElementsByTagName('div');
    console.log('htmlCollection: ', htmlCollection);
    expect(mod.$isNodeList(htmlCollection)).toBe(false);
  });
});

Результаты модульных испытаний: 

 PASS  src/stackoverflow/59947808/index.test.js (8.528s)
  59947808
    ✓ expect nodeList to be nodelist (11ms)
    ✓ expect htmlCollection not to be nodelist (1ms)

  console.log src/stackoverflow/59947808/index.test.js:6
    nodeList:  NodeList {}

  console.log src/stackoverflow/59947808/index.test.js:12
    htmlCollection:  HTMLCollection {}

Test Suites: 1 passed, 1 total
Tests:       2 passed, 2 total
Snapshots:   0 total
Time:        9.773s

jest.config.js: 

module.exports = {
  preset: 'ts-jest/presets/js-with-ts',
  testEnvironment: 'jsdom',
};

Исходный код: https://github.com/mrdulin/jest-codelab/tree/master/src/stackoverflow/59947808

...