Привет. А может кто-то может поделиться со мной стартер китом или бойлеплэйтом для такого тестирования? Сама по себе mocha настраивается довольно легко, но вот с тайпскриптом как-то все печально становится... то импорт модулей накрывается, то режим --watch в моке отваливается...
В обьщем буду благодарен за любой совет. На свякий случай, вот что я уже накнфигил:
// package.json
"test": "mocha -w -r ts-node/register -r babel-register.js -r ignore-styles -r setup.js src/tests/*.spec.tsx",
// babel-register.js
require("@babel/polyfill");
require("@babel/register")({
ignore: [
/node_modules\/(?!(ol)\/)/
],
presets : ["react-app","@babel/preset-typescript"],
plugins : [
"inline-react-svg",
"@babel/preset-typescript"
],
extensions: [".es6", ".es", ".jsx", ".js", ".mjs", ".tsx"],
cache: false,
});
// babel-config
module.exports = function (api) {
//we will keep here all the supplementary babel options
api.cache(false);
return {
"env": {
"test" : {
"compact": false
}
}
}
};
// setup.js
const { JSDOM } = require('jsdom');
const jsdom = new JSDOM('<!doctype html><html><body></body></html>');
const { window } = jsdom;
function copyProps(src, target) {
const props = Object.getOwnPropertyNames(src)
.filter(prop => typeof target[prop] === 'undefined')
.reduce((result, prop) => ({
...result,
[prop]: Object.getOwnPropertyDescriptor(src, prop),
}), {});
Object.defineProperties(target, props);
}
global.window = window;
global.document = window.document;
global.window.requestAnimationFrame = (cb) => {
return setTimeout(cb, 0);
};
global.window.cancelAnimationFrame = (cb) => {
return setTimeout(cb, 0);
}
global.navigator = {
userAgent: 'node.js',
};
copyProps(window, global);
Средний
