zone is not defined ( Uncaught ReferenceError: Zone is not defined )

[AnkitaChavan]

No description provided.

[JiaLiPassion]

@AnkitaChavan , any detail?

[AnkitaChavan]

@JiaLiPassion

This is my login.spec.ts

import { Router, ActivatedRoute } from '@angular/router';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { CommonModule } from  '@angular/common';
import { ComponentFixture, TestBed } from '@angular/core/testing';

import {LoginComponent} from './login.component';
import { LoginUser } from './loginUser.model'
import { UserService } from './user.service';
import { LoaderService } from '../shared/loader.service';
import 'rxjs/add/operator/toPromise';





describe('Login Component Test', () => {
 
  let comp:    LoginComponent;
  let fixture: ComponentFixture<LoginComponent>; 

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [ LoginComponent ], // declare the test component
    });
 
  fixture = TestBed.createComponent(LoginComponent);

  comp = fixture.componentInstance; // BannerComponent test instance

  });

   it("should call login function", function ()  {

      let  loginObjValue = {
        password:"pas",
        userName:"abc"
      };
      //fixture.detectChanges();
      comp.login(loginObjValue);
      
   });

after ng test, It shows following error :

Uncaught ReferenceError: Zone is not defined
at Object. (testing.es5.js:281)
at Object.443 (testing.es5.js:954)
at webpack_require (bootstrap cb57066…:47)
at Object.444 (login.spec.ts:7)
at webpack_require (bootstrap cb57066…:47)
at bootstrap cb57066…:139
at bootstrap cb57066…:139

Please help.

[JiaLiPassion]

@AnkitaChavan , you can try add this line before describe

declare let Zone: any;

[JiaLiPassion]

@AnkitaChavan , can you post your repo? maybe you didn't load zone.js to your polyfill

[JiaLiPassion]

@AnkitaChavan , yes, it seems you didn't load zone.js in karma.conf, I don't know your project structure, but you may reference the angular quickstart project
https://github.com/angular/quickstart/blob/master/karma.conf.js#L42

[AnkitaChavan]

@JiaLiPassion ,Still receiving same error..

[JiaLiPassion]

@AnkitaChavan , could you provide your repo?

[DerekB20]

I had the same issue. It was because I had moved some of the files (such as karma.conf) to it's own folder. To fix, I updated the 'base' config property as follows...

module.exports = function (config) {
config.set({
basePath: '../',
frameworks: ['jasmine', '@angular/cli'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular/cli/plugins/karma')
],

i.e. changed this from '' to '../'

It was then able to locate the zone.js files.

[JiaLiPassion]

@DerekB20 , thank you for the information.