build: Add Store unit tests to Bazel

BUILD.bazel

@@ -1,17 +1,26 @@
-# Marker file indicating this folder is a Bazel package.
-# Needed so that tsconfig.json can be referenced from BUILD rules.
+package(default_visibility = ["//visibility:public"])
 
+# Needed so that tsconfig.json can be referenced from BUILD rules.
 exports_files(["tsconfig.json"])
 
-# Temporary target to allow `bazel test ...`
-# TODO(alexeagle): remove as soon as there is any other test in the repo
-genrule(
-    name = "true",
-    outs = ["true.sh"],
-    cmd = "echo true > $@",
-)
-
-sh_test(
-    name = "tautology_test",
-    srcs = [":true.sh"],
+filegroup(
+    name = "ngrx_test_dependencies",
+    # NB: rxjs is not in this list, because we build it from sources using the
+    # label @rxjs//:rxjs
+    srcs = glob(["/".join([
+        "node_modules",
+        pkg,
+        "**",
+        ext,
+    ]) for pkg in [
+        "@angular",
+        "jasmine",
+        "jasmine-marbles",
+        "typescript",
+        "@types",
+    ] for ext in [
+        "*.js",
+        "*.json",
+        "*.d.ts",
+    ]]),
 )

modules/store/spec/BUILD

@@ -0,0 +1,24 @@
+load("//tools:defaults.bzl", "ts_test_library", "jasmine_node_test")
+
+ts_test_library(
+    name = "test_lib",
+    srcs = glob(
+        [
+            "**/*.ts",
+        ],
+        exclude = ["ngc/**/*.ts"],
+    ),
+    deps = [
+        "//modules/store",
+        "@rxjs",
+    ],
+)
+
+jasmine_node_test(
+    name = "test",
+    deps = [
+        ":test_lib",
+        "//modules/store",
+        "@rxjs",
+    ],
+)

modules/store/spec/edge.spec.ts

@@ -1,7 +1,7 @@
+import { TestBed } from '@angular/core/testing';
 import { Observable } from 'rxjs/Observable';
 import { todos, todoCount } from './fixtures/edge_todos';
-import { createInjector } from './helpers/injector';
-import { Store, StoreModule, select } from '../';
+import { Store, StoreModule, select } from '@ngrx/store';
 
 interface TestAppSchema {
   counter1: number;
@@ -21,11 +21,17 @@ describe('ngRx Store', () => {
     let store: Store<TodoAppSchema>;
 
     beforeEach(() => {
-      const injector = createInjector(
-        StoreModule.forRoot<TodoAppSchema>({ todos, todoCount } as any)
-      );
+      try {
+        TestBed.resetTestingModule();
+      } catch (e) {}
 
-      store = injector.get(Store);
+      TestBed.configureTestingModule({
+        imports: [
+          StoreModule.forRoot<TodoAppSchema>({ todos, todoCount } as any),
+        ],
+      });
+
+      store = TestBed.get(Store);
     });
 
     it('should provide an Observable Store', () => {

modules/store/spec/integration.spec.ts

@@ -10,7 +10,7 @@ import {
   ActionReducer,
   ActionReducerMap,
   select,
-} from '../';
+} from '@ngrx/store';
 import { ReducerManager, INITIAL_STATE, State } from '../src/private_export';
 import {
   counterReducer,
@@ -56,6 +56,10 @@ describe('ngRx Integration spec', () => {
     beforeEach(() => {
       spyOn(reducers, 'todos').and.callThrough();
 
+      try {
+        TestBed.resetTestingModule();
+      } catch (e) {}
+
       TestBed.configureTestingModule({
         imports: [StoreModule.forRoot(reducers, { initialState })],
       });
@@ -203,6 +207,10 @@ describe('ngRx Integration spec', () => {
     const featureInitialState = [{ id: 1, completed: false, text: 'Item' }];
 
     it('should initialize properly', () => {
+      try {
+        TestBed.resetTestingModule();
+      } catch (e) {}
+
       TestBed.configureTestingModule({
         imports: [
           StoreModule.forRoot(reducers, { initialState }),

modules/store/spec/modules.spec.ts

@@ -7,8 +7,7 @@ import {
   ActionReducer,
   ActionReducerMap,
   combineReducers,
-} from '../';
-import createSpy = jasmine.createSpy;
+} from '@ngrx/store';
 
 describe(`Store Modules`, () => {
   type RootState = { fruit: string };
@@ -48,14 +47,18 @@ describe(`Store Modules`, () => {
     const rootInitial = { fruit: 'orange' };
 
     beforeEach(() => {
-      featureAReducerFactory = createSpy('featureAReducerFactory').and.callFake(
-        (rm: any, initialState?: any) => {
+      try {
+        TestBed.resetTestingModule();
+      } catch (e) {}
+
+      featureAReducerFactory = jasmine
+        .createSpy('featureAReducerFactory')
+        .and.callFake((rm: any, initialState?: any) => {
           return (state: any, action: any) => 4;
-        }
-      );
-      rootReducerFactory = createSpy('rootReducerFactory').and.callFake(
-        combineReducers
-      );
+        });
+      rootReducerFactory = jasmine
+        .createSpy('rootReducerFactory')
+        .and.callFake(combineReducers);
 
       @NgModule({
         imports: [
@@ -128,6 +131,10 @@ describe(`Store Modules`, () => {
 
     const testWithMetaReducers = (metaReducers: any[]) => () => {
       beforeEach(() => {
+        try {
+          TestBed.resetTestingModule();
+        } catch (e) {}
+
         TestBed.configureTestingModule({
           imports: [
             StoreModule.forRoot(reducerMap, { initialState, metaReducers }),
@@ -194,6 +201,10 @@ describe(`Store Modules`, () => {
     class RootModule {}
 
     beforeEach(() => {
+      try {
+        TestBed.resetTestingModule();
+      } catch (e) {}
+
       TestBed.configureTestingModule({
         imports: [RootModule],
       });

modules/store/spec/selector.spec.ts

@@ -6,7 +6,7 @@ import {
   createFeatureSelector,
   defaultMemoize,
   createSelectorFactory,
-} from '../';
+} from '@ngrx/store';
 
 describe('Selectors', () => {
   let countOne: number;

modules/store/spec/state.spec.ts

@@ -1,25 +1,30 @@
 import { Observable } from 'rxjs/Observable';
 import { Subject } from 'rxjs/Subject';
 import { ReflectiveInjector } from '@angular/core';
-import { createInjector } from './helpers/injector';
-import { StoreModule, Store, INIT } from '../';
+import { TestBed } from '@angular/core/testing';
+import { StoreModule, Store, INIT } from '@ngrx/store';
 
 describe('ngRx State', () => {
   const initialState = 123;
   const reducer = jasmine.createSpy('reducer').and.returnValue(initialState);
-  let injector: ReflectiveInjector;
 
   beforeEach(() => {
-    injector = createInjector(
-      StoreModule.forRoot(
-        { key: reducer },
-        { initialState: { key: initialState } }
-      )
-    );
+    try {
+      TestBed.resetTestingModule();
+    } catch (e) {}
+
+    TestBed.configureTestingModule({
+      imports: [
+        StoreModule.forRoot(
+          { key: reducer },
+          { initialState: { key: initialState } }
+        ),
+      ],
+    });
   });
 
   it('should call the reducer to scan over the dispatcher', function() {
-    injector.get(Store);
+    TestBed.get(Store);
 
     expect(reducer).toHaveBeenCalledWith(initialState, {
       type: INIT,

modules/store/spec/store.spec.ts

@@ -1,7 +1,7 @@
 import 'rxjs/add/operator/take';
 import { ReflectiveInjector } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
 import { hot } from 'jasmine-marbles';
-import { createInjector } from './helpers/injector';
 import {
   ActionsSubject,
   ReducerManager,
@@ -26,7 +26,6 @@ interface TestAppSchema {
 }
 
 describe('ngRx Store', () => {
-  let injector: ReflectiveInjector;
   let store: Store<TestAppSchema>;
   let dispatcher: ActionsSubject;
 
@@ -37,9 +36,16 @@ describe('ngRx Store', () => {
       counter3: counterReducer,
     };
 
-    injector = createInjector(StoreModule.forRoot(reducers, { initialState }));
-    store = injector.get(Store);
-    dispatcher = injector.get(ActionsSubject);
+    try {
+      TestBed.resetTestingModule();
+    } catch (e) {}
+
+    TestBed.configureTestingModule({
+      imports: [StoreModule.forRoot(reducers, { initialState })],
+    });
+
+    store = TestBed.get(Store);
+    dispatcher = TestBed.get(ActionsSubject);
   }
 
   describe('initial state', () => {
@@ -199,7 +205,7 @@ describe('ngRx Store', () => {
 
     beforeEach(() => {
       setup();
-      const reducerManager = injector.get(ReducerManager);
+      const reducerManager = TestBed.get(ReducerManager);
       addReducerSpy = spyOn(reducerManager, 'addReducer').and.callThrough();
       removeReducerSpy = spyOn(
         reducerManager,

tools/defaults.bzl

@@ -1,9 +1,27 @@
 """Re-export of some bazel rules with repository-wide defaults."""
 load("@build_bazel_rules_typescript//:defs.bzl", _ts_library = "ts_library")
+load("@build_bazel_rules_nodejs//:defs.bzl", _jasmine_node_test = "jasmine_node_test")
 
 def ts_library(tsconfig = None, node_modules = None, **kwargs):
   if not tsconfig:
     tsconfig = "//:tsconfig.json"
   if not node_modules:
     node_modules = "@ngrx_compiletime_deps//:node_modules"
   _ts_library(tsconfig = tsconfig, node_modules = node_modules, **kwargs)
+
+def ts_test_library(node_modules = None, **kwargs):
+  if not node_modules:
+    node_modules = "//:ngrx_test_dependencies"
+  ts_library(node_modules = node_modules, testonly = 1, **kwargs)
+
+def jasmine_node_test(node_modules = None, bootstrap = None, deps = [], **kwargs):
+  if not node_modules:
+    node_modules = "//:ngrx_test_dependencies"
+  if not bootstrap:
+    bootstrap = ["ngrx/tools/testing/bootstrap_node_tests.js"]
+  _jasmine_node_test(
+      bootstrap = bootstrap,
+      node_modules = node_modules,
+      deps = ["//tools/testing:node"] + deps,
+      **kwargs
+  )

tools/testing/BUILD

@@ -0,0 +1,9 @@
+package(default_visibility = ["//visibility:public"])
+
+load("//tools:defaults.bzl", "ts_test_library")
+
+ts_test_library(
+    name = "node",
+    srcs = ["bootstrap_node_tests.ts"],
+    deps = [],
+)

tools/testing/bootstrap_node_tests.ts

@@ -0,0 +1,32 @@
+import 'core-js/es7/reflect';
+import 'zone.js/dist/zone-node.js';
+import 'zone.js/dist/long-stack-trace-zone.js';
+import 'zone.js/dist/proxy.js';
+import 'zone.js/dist/sync-test.js';
+import 'zone.js/dist/async-test.js';
+import 'zone.js/dist/fake-async-test.js';
+import { TestBed } from '@angular/core/testing';
+import {
+  ServerTestingModule,
+  platformServerTesting,
+} from '@angular/platform-server/testing';
+
+// This hack is needed to get jasmine, node and zone working inside bazel.
+// 1) we load `jasmine-core` which contains the ENV: it, describe etc...
+const jasmineCore: any = require('jasmine-core');
+// 2) We create an instance of `jasmine` ENV.
+const patchedJasmine = jasmineCore.boot(jasmineCore);
+// 3) Save the `jasmine` into global so that `zone.js/dist/jasmine-patch.js` can get a hold of it to
+// patch it.
+(global as any)['jasmine'] = patchedJasmine;
+// 4) Change the `jasmine-core` to make sure that all subsequent jasmine's have the same ENV,
+// otherwise the patch will not work.
+//    This is needed since Bazel creates a new instance of jasmine and it's ENV and we want to make
+//    sure it gets the same one.
+jasmineCore.boot = function() {
+  return patchedJasmine;
+};
+
+require('zone.js/dist/jasmine-patch.js');
+
+TestBed.initTestEnvironment(ServerTestingModule, platformServerTesting());