jestjs - Typescript `declare global` preventing Jest test suites from running -


my app using react, redux, , jest has typescript file code in it:

declare global {   interface window { eventsource: any;}    class eventsource {     errorers: any;     onerror: any;     onmessage: () => void;      addeventlistener(event: string, cb: () => void): void;      constructor(name: string);   } }

i'm using jest test framework run tests on other areas in app use es6 javascript , work fine. unfortunately, there 2 test suites prevented running because of because of following error , it: 

/users/blyncsy/documents/blyncsyu/client/app/bundles/analytic/data-hub.ts:3 declare global {         ^^^^^^ syntaxerror: unexpected identifier    @ transformandbuildscript (node_modules/jest-runtime/build/transform.js:321:12)   @ object.<anonymous> (app/bundles/pulse/actions/odanalyzeractions.js:2:16)   @ object.<anonymous> (app/bundles/pulse/containers/od-analyzer/odlinerenderer.js:6:26)

other pieces of same typescript file screw test runner if 1 listed above commented out. file referenced in actions file being tested in first test suite, , action file being reference in file being tested second suite. i'm assuming needs done pre-compile .ts file before encountered tests, have not been able figure out how it. here webpack config: 

/* eslint comma-dangle: ["error",  {"functions": "never", "arrays": "only-multiline", "objects":  "only-multiline"} ] */  const webpack = require('webpack'); const pathlib = require('path');  const devbuild = process.env.node_env !== 'production';  const config = {   entry: [     'es5-shim/es5-shim',     'es5-shim/es5-sham',     'babel-polyfill',     './app/bundles/analytic',     './app/bundles/pulse/startup/registration',   ],   output: {     filename: 'webpack-bundle.js',     path: pathlib.resolve(__dirname, '../app/assets/webpack'),   },   devtool: "source-map",   resolve: {     extensions: [".ts", ".tsx", '.js', '.jsx'],   },   plugins: [     new webpack.environmentplugin({ node_env: 'development' }),   ],   module: {     rules: [       {         test: /travel-info-type.ts/,         use: [{           loader: 'expose-loader',           options: 'travelinfotype'         }]       },       {         test: /heatmap-getter.ts/,         use: [{           loader: 'expose-loader',           options: 'heatmapgetter'         }]       },       {         test: /data-hub.ts/,         use: [{           loader: 'expose-loader',           options: 'datahub'         }]       },       {         test: require.resolve('react'),         use: {           loader: 'imports-loader',           options: {             shim: 'es5-shim/es5-shim',             sham: 'es5-shim/es5-sham',           }         },       },       {         test: /\.jsx?$/,         use: 'babel-loader',         exclude: /node_modules/,       },       // files '.ts' or '.tsx' extension handled 'awesome-typescript-loader'.       { test: /\.tsx?$/, loader: "awesome-typescript-loader" },        // output '.js' files have sourcemaps re-processed 'source-map-loader'.       { enforce: "pre", test: /\.js$/, loader: "source-map-loader" },       // extract css files       {         test: /\.css$/,         use: ['style-loader', 'css-loader'],       },     ],   }, };  module.exports = config;  if (devbuild) {   console.log('webpack dev build rails'); // eslint-disable-line no-console   module.exports.devtool = 'eval-source-map'; } else {   console.log('webpack production build rails'); // eslint-disable-line no-console }

any appreciated!

your error

/users/blyncsy/documents/blyncsyu/client/app/bundles/analytic/data-hub.ts:3

indicates jest trying run .ts file. need use ts-jest transform ts file.

more

this documented in typescript docs : https://facebook.github.io/jest/docs/getting-started.html#using-typescript


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more