Recently, I encountered an issue while working on a TypeScript project with Jasmine and Karma. It seems that Karma is unable to execute the compiled unit tests due to an error showing up in Chrome:
Uncaught ReferenceError: define is not defined
To illustrate this problem, I have created a sample project with a basic configuration setup:
package.json:
{
"name": "HelloWorld",
"scripts": {
"build": "tsc -p ts",
"test": "./node_modules/karma/bin/karma start karma.conf.js"
},
"devDependencies": {
"typescript": "~2.4.1",
"jasmine-core": "2.6.4",
"jasmine": "2.6.0",
"@types/jasmine": "2.5.53",
"karma": "1.7.0",
"karma-chrome-launcher": "^2.2.0",
"karma-jasmine": "^1.1.0"
}
}
karma.conf.js:
module.exports = function(config) {
config.set({
frameworks: ['jasmine'],
files: ['js/*.spec.js'],
reporters: ['progress'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
concurrency: Infinity
})
}
ts/tsconfig:
{
"compilerOptions": {
"target": "es5",
"module": "amd",
"lib": [ "es2015", "dom" ],
"outDir": "../js"
}
}
ts/helloworld.ts
function returnHello() : string {
return "Hello";
}
export default returnHello;
ts/helloworld.spec.ts
import returnHello from "helloworld";
describe("Some Test", function() {
it("passes", () => expect(returnHello()).toEqual("Hello"));
});