Skip to content

Instantly share code, notes, and snippets.

@YehorPytomets
Created March 17, 2020 16:29
Show Gist options
  • Save YehorPytomets/a8076627dc03fb64f310a3a8601a700f to your computer and use it in GitHub Desktop.
Save YehorPytomets/a8076627dc03fb64f310a3a8601a700f to your computer and use it in GitHub Desktop.
Как правильно нужно подключать тесты в js?
import {CsvMapParser} from "../../../../main/webapp/js/intro/CsvMapParser.js";
QUnit.test("should parse single element as is", (assertThat) => {
this.parser = new CsvMapParser();
const expected = "hello";
const actual = this.parser.parseToLiList(expected)[0].textContent;
assertThat.deepEqual(actual, expected);
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>QUnit Example</title>
<link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.9.2.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="https://code.jquery.com/qunit/qunit-2.9.2.js"></script>
<script src="js/intro/CsvMapParserTest.js" type="module"></script>
</body>
</html>
@YehorPytomets
Copy link
Author

YehorPytomets commented Mar 17, 2020

Проблема состоит в том, что при открытии test.html в консоли висит ошибка:
Loading module from “http://localhost:63342/jsworkshop/main/webapp/js/intro/CsvMapParser.js” was blocked because of a disallowed MIME type (“text/html”). И соответсвенно тесты не проходятся.
Можно попробовать поменять на 13 строчке в test.html type="module" на type="text/javascript", но тогда это будет неправильное подключение модульного файла.
Пробовал много решений, которые нашел на стеке, но ни одно не помогло.

@YehorPytomets
Copy link
Author

YehorPytomets commented Mar 17, 2020

В основном приводятся примеры подключения тестов без использования модулей или же с помощью source-to-source компилирования c ES 6 к ES 5 на Babel.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment