ng test - TypeError: (msg || "").replace is not a function

[alvipeo]

When you generate new project with 'ng new' and immediately run tests - they work. But when going a bit further and adding some dependencies (like jQuery, Bootstrap 4 and Trumbowyg) tests starts to fail right away with TypeError: (msg || "").replace is not a function. Here's the output:

10 05 2016 04:19:17.581:WARN [karma]: No captured browser, open http://localhost:9876/
10 05 2016 04:19:17.595:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/
10 05 2016 04:19:17.600:INFO [launcher]: Starting browser Chrome
10 05 2016 04:19:18.359:INFO [Chrome 50.0.2661 (Windows 10 0.0.0)]: Connected on socket /#-kPxpXeuzKFiXoPcAAAA with id 7707656
Missing error handler on `socket`.
TypeError: (msg || "").replace is not a function
    at D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\lib\reporter.js:45:23
    at onBrowserError (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\lib\reporters\base.js:58:60)
    at null.<anonymous> (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\lib\events.js:13:22)
    at emitTwo (events.js:100:13)
    at emit (events.js:185:7)
    at onKarmaError (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\lib\browser.js:95:13)
    at Socket.<anonymous> (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\lib\events.js:13:22)
    at emitOne (events.js:95:20)
    at Socket.emit (events.js:182:7)
    at Socket.onevent (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\lib\socket.js:335:8)
    at Socket.onpacket (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\lib\socket.js:295:12)
    at Client.ondecoded (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\lib\client.js:193:14)
    at Decoder.Emitter.emit (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\node_modules\socket.io-parser\node_modules\component-emitter\index.js:134:20)
    at Decoder.add (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\node_modules\socket.io-parser\index.js:247:12)
    at Client.ondata (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\lib\client.js:175:18)
    at emitOne (events.js:90:13)
    at Socket.emit (events.js:182:7)
    at Socket.onPacket (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\node_modules\engine.io\lib\socket.js:101:14)
    at emitOne (events.js:90:13)
    at WebSocket.emit (events.js:182:7)
    at WebSocket.Transport.onPacket (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\node_modules\engine.io\lib\transport.js:104:8)
    at WebSocket.Transport.onData (D:\Documents\Visual Studio 2015\Projects\TestAppCLI\node_modules\karma\node_modules\socket.io\node_modules\engine.io\lib\transport.js:115:8)
10 05 2016 04:19:21.367:WARN [Chrome 50.0.2661 (Windows 10 0.0.0)]: Disconnected (1 times)

Does anyone know how to fix it? It's really annoying. I already tried to recreate project from scratch, step-by-step => no luck :(

[cladera]

We came across this very issue as well.

We fixed it by adding symbol-observable dependency:

//app/system-config.ts
const map: any = {
  'symbol-observable': 'vendor/symbol-observable',
  ...
}

const packages: any = {
   'symbol-observable': {
    main: 'index'
  },
  ...
}

//angular-cli-build.js
var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...
      'symbol-observable/*.js',
      ...
    ]
  });
};

[alvipeo]

Thanks, but that didn't help. Same error.

[Brocco]

Are your new tests dependent upon the newly added dependencies? If so (which they should otherwise why add them) then ensure that they are either mocked and/or provided within you tests.

[alvipeo]

I really don't think there's something special in the tests. And I don't mind sharing the project - zip archive

ng build and ng serve work.

[alvipeo]

This issue is the only obstacle which stops me from actually working on the project. Not even router.

[dherges]

Can you verify in the test browser if there is a 404 error? This could be down to system.js not finding some resources.

Example:

11 05 2016 16:44:28.701:WARN [web-server]: 404: /base/dist/vendor/ng2-bootstrap/ng2-bootstrap

For that particular ng2-bootstrap, solution in system-config.ts might be:

/** Map relative paths to URLs. */
const map: any = {
  'moment': 'vendor/moment/moment.js',
  'ng2-bootstrap': 'vendor/ng2-bootstrap'
};

/** User packages configuration. */
const packages: any = {
  'ng2-bootstrap': {}
};

[alvipeo]

no 404's at all in test (Chrome). btw, I don't use ng2-bootstrap.

[alvipeo]

made a small fix, not related to tests - same zip archive

[hansl]

It seems like you're including some tether script in your index.html. You might want to add it to karma.conf.js and set include: true. Basically your scripts are loading in the wrong order in your tests, and jQuery isn't loaded first.

[alvipeo]

Tried that - that doesn't work. Here's my karma.config.js:

module.exports = function (config) {
  config.set({
    basePath: '..',
    frameworks: ['jasmine'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher')
    ],
    customLaunchers: {
      // chrome setup for travis CI using chromium
      Chrome_travis_ci: {
        base: 'Chrome',
        flags: ['--no-sandbox']
      }
    },
    files: [
      { pattern: 'dist/vendor/es6-shim/es6-shim.js', included: true, watched: false },
      { pattern: 'dist/vendor/zone.js/dist/zone.js', included: true, watched: false },
      /* Tether */
      { pattern: 'dist/vendor/jquery/dist/jquery.min.js', included: true, watched: false },
      { pattern: 'dist/vendor/tether/dist/js/tether.min.js', included: true, watched: false },
      { pattern: 'dist/vendor/bootstrap/dist/js/bootstrap.min.js', included: true, watched: false },

      { pattern: 'dist/vendor/reflect-metadata/Reflect.js', included: true, watched: false },
      { pattern: 'dist/vendor/systemjs/dist/system-polyfills.js', included: true, watched: false },
      { pattern: 'dist/vendor/systemjs/dist/system.src.js', included: true, watched: false },
      { pattern: 'dist/vendor/zone.js/dist/async-test.js', included: true, watched: false },

      { pattern: 'config/karma-test-shim.js', included: true, watched: true },


      // Distribution folder.
      { pattern: 'dist/**/*', included: false, watched: true }
    ],
    exclude: [
      // Vendor packages might include spec files. We don't want to use those.
      'dist/vendor/**/*.spec.js'
    ],
    preprocessors: {},
    reporters: ['progress'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

[neilkyoung]

Did you manage to resolve this? I am also now receiving this error. I have commented out all my .spec.ts files and the error still persists! :-(

I am using CLI version 1.0.0-beta.9 but still happens after upgrading to the latest - beta.10.

Full error log below:

Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
20 07 2016 16:17:16.546:WARN [karma]: No captured browser, open http://localhost:9876/
20 07 2016 16:17:16.572:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/
20 07 2016 16:17:16.579:INFO [launcher]: Starting browser Chrome
20 07 2016 16:17:18.725:INFO [Chrome 51.0.2704 (Mac OS X 10.11.1)]: Connected on socket /#8LrbM8q1Fg-lAEBjAAAA with id 22825427
20 07 2016 16:17:21.979:WARN [web-server]: 404: /base/dist/traceur
Missing error handler on `socket`.
TypeError: (msg || "").replace is not a function
    at /Users/substance/Sites/angular-2-testing/node_modules/karma/lib/reporter.js:45:23
    at onBrowserError (/Users/substance/Sites/angular-2-testing/node_modules/karma/lib/reporters/base.js:58:60)
    at null.<anonymous> (/Users/substance/Sites/angular-2-testing/node_modules/karma/lib/events.js:13:22)
    at emitTwo (events.js:87:13)
    at emit (events.js:172:7)
    at onKarmaError (/Users/substance/Sites/angular-2-testing/node_modules/karma/lib/browser.js:95:13)
    at Socket.<anonymous> (/Users/substance/Sites/angular-2-testing/node_modules/karma/lib/events.js:13:22)
    at emitOne (events.js:82:20)
    at Socket.emit (events.js:169:7)
    at Socket.onevent (/Users/substance/Sites/angular-2-testing/node_modules/socket.io/lib/socket.js:335:8)
    at Socket.onpacket (/Users/substance/Sites/angular-2-testing/node_modules/socket.io/lib/socket.js:295:12)
    at Client.ondecoded (/Users/substance/Sites/angular-2-testing/node_modules/socket.io/lib/client.js:193:14)
    at Decoder.Emitter.emit (/Users/substance/Sites/angular-2-testing/node_modules/component-emitter/index.js:134:20)
    at Decoder.add (/Users/substance/Sites/angular-2-testing/node_modules/socket.io-parser/index.js:247:12)
    at Client.ondata (/Users/substance/Sites/angular-2-testing/node_modules/socket.io/lib/client.js:175:18)
    at emitOne (events.js:77:13)
20 07 2016 16:17:23.999:WARN [Chrome 51.0.2704 (Mac OS X 10.11.1)]: Disconnected (1 times)

[sonicparke]

I am also receiving this error using CLI version 1.0.0-beta.9. Haven't tried beta.10 yet.

It only happens when I try to return a mocked Observable like this:

class MockClientEnvironmentsService {
  public getData() {
    return <Observable<RecentIndexesItem[]>> new Observable((observer) => {
      observer.next([
        new ClientEnvironmentItem()
      ]);
    })
  }
}

When I comment out the return block all is well.

Here's the error for reference:

20 07 2016 10:39:19.400:WARN [web-server]: 404: /base/dist/vendor/rxjs/index.js
Missing error handler on `socket`.
TypeError: (msg || "").replace is not a function
    at /Users/bmcalister/Documents/DEV/platform-indexing-dashboard/node_modules/kar
ma/lib/reporter.js:45:23
    at onBrowserError (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard/
node_modules/karma/lib/reporters/base.js:58:60)
    at .<anonymous> (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard/no
de_modules/karma/lib/events.js:13:22)
    at emitTwo (events.js:106:13)
    at emit (events.js:191:7)
    at onKarmaError (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard/no
de_modules/karma/lib/browser.js:95:13)
    at Socket.<anonymous> (/Users/bmcalister/Documents/DEV/platform-indexing-dashbo
ard/node_modules/karma/lib/events.js:13:22)
    at emitOne (events.js:101:20)
    at Socket.emit (events.js:188:7)
    at Socket.onevent (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard/
node_modules/socket.io/lib/socket.js:335:8)
    at Socket.onpacket (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard
/node_modules/socket.io/lib/socket.js:295:12)
    at Client.ondecoded (/Users/bmcalister/Documents/DEV/platform-indexing-dashboar
d/node_modules/socket.io/lib/client.js:193:14)
    at Decoder.Emitter.emit (/Users/bmcalister/Documents/DEV/platform-indexing-dash
board/node_modules/component-emitter/index.js:134:20)
    at Decoder.add (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard/nod
e_modules/socket.io-parser/index.js:247:12)
    at Client.ondata (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard/n
ode_modules/socket.io/lib/client.js:175:18)
    at emitOne (events.js:96:13)
    at Socket.emit (events.js:188:7)
    at Socket.onPacket (/Users/bmcalister/Documents/DEV/platform-indexing-dashboard
/node_modules/engine.io/lib/socket.js:101:14)
    at emitOne (events.js:96:13)
    at WebSocket.emit (events.js:188:7)
    at WebSocket.Transport.onPacket (/Users/bmcalister/Documents/DEV/platform-index
ing-dashboard/node_modules/engine.io/lib/transport.js:104:8)
    at WebSocket.Transport.onData (/Users/bmcalister/Documents/DEV/platform-indexin
g-dashboard/node_modules/engine.io/lib/transport.js:115:8)
20 07 2016 10:39:21.531:WARN [Chrome 51.0.2704 (Mac OS X 10.11.5)]: Disconnected (1
 times)