@angular-wave/angular.ts 0.0.19 → 0.0.20

package/index.html

@@ -100,7 +100,9 @@
       
       <!-- Router specs--> 
       <script type="module" src="test/router/glob.spec.js"></script>
+      <script type="module" src="test/router/state-filter.spec.js"></script>
       <script type="module" src="test/router/state.spec.js"></script>
+      
     
 
       <!-- Run asyncs last to prevent digest polution-->

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-wave/angular.ts",
   "license": "MIT",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "browser": "dist/angular-ts.umd.js",

package/src/router/stateProvider.js

@@ -6,6 +6,8 @@ import { minErr } from "../shared/utils";
 
 const err = minErr("$stateProvider");
 const validKeys = [
+  "$$state",
+  "__stateObjectCache",
   "controller",
   "controllerProvider",
   "component",

package/test/router/state-filter.spec.js

@@ -0,0 +1,146 @@
+import { Angular } from "../../src/loader";
+import { publishExternalAPI } from "../../src/public";
+
+describe("router filters", function () {
+  let module, $parse, $state, $q, $rootScope, $location;
+
+  beforeEach(() => {
+    window.angular = new Angular();
+    publishExternalAPI();
+  });
+
+  afterEach(() => (window.location.hash = "#!"));
+
+  describe("isState filter", () => {
+    beforeEach(() => {
+      module = window.angular.module("defaultModule", ["ui.router"]);
+      module.config(function ($stateProvider) {
+        $stateProvider
+          .state({ name: "a", url: "/" })
+          .state({ name: "a.b", url: "/b" })
+          .state({ name: "with-param", url: "/with/:param" });
+      });
+      let $injector = window.angular.bootstrap(
+        document.getElementById("dummy"),
+        ["defaultModule"],
+      );
+
+      $injector.invoke(
+        (
+          _$parse_,
+          _$state_,
+          _$rootScope_,
+          _$transitions_,
+          _$q_,
+          _$location_,
+          _$compile_,
+          _$router_,
+        ) => {
+          $parse = _$parse_;
+          $state = _$state_;
+          $rootScope = _$rootScope_;
+          $q = _$q_;
+          $location = _$location_;
+        },
+      );
+    });
+    it("should return true if the current state exactly matches the input state", async () => {
+      await $state.go("a");
+      expect($parse('"a" | isState')($rootScope)).toBe(true);
+    });
+
+    it("should return false if the current state does not exactly match the input state", async () => {
+      await $state.go("a.b");
+      expect($parse('"a" | isState')($rootScope)).toBe(false);
+    });
+
+    it("should return true if the current state and param matches the input state", async () => {
+      await $state.go("with-param", { param: "a" });
+
+      expect($parse('"with-param" | isState: {param: "a"}')($rootScope)).toBe(
+        true,
+      );
+    });
+
+    it("should return false if the current state and param does not match the input state", async () => {
+      await $state.go("with-param", { param: "b" });
+
+      expect($parse('"with-param" | isState: {param: "a"}')($rootScope)).toBe(
+        false,
+      );
+    });
+  });
+
+  describe("includedByState filter", function () {
+    beforeEach(() => {
+      module = window.angular.module("defaultModule", ["ui.router"]);
+      module.config(function ($stateProvider) {
+        $stateProvider
+          .state({ name: "a", url: "/" })
+          .state({ name: "a.b", url: "/b" })
+          .state({ name: "c", url: "/c" })
+          .state({ name: "d", url: "/d/:id" });
+      });
+
+      let $injector = window.angular.bootstrap(
+        document.getElementById("dummy"),
+        ["defaultModule"],
+      );
+
+      $injector.invoke(
+        (
+          _$parse_,
+          _$state_,
+          _$rootScope_,
+          _$transitions_,
+          _$q_,
+          _$location_,
+          _$compile_,
+          _$router_,
+        ) => {
+          $parse = _$parse_;
+          $state = _$state_;
+          $rootScope = _$rootScope_;
+          $q = _$q_;
+          $location = _$location_;
+        },
+      );
+    });
+
+    afterEach(() => (window.location.hash = "#!"));
+
+    it("should return true if the current state exactly matches the input state", async () => {
+      await $state.go("a");
+
+      expect($parse('"a" | includedByState')($rootScope)).toBe(true);
+    });
+
+    it("should return true if the current state includes the input state", async () => {
+      await $state.go("a.b");
+
+      expect($parse('"a" | includedByState')($rootScope)).toBe(true);
+    });
+
+    it("should return false if the current state does not include input state", async () => {
+      await $state.go("c");
+
+      expect($parse('"a" | includedByState')($rootScope)).toBe(false);
+    });
+
+    it("should return true if the current state include input state and params", async () => {
+      await $state.go("d", { id: 123 });
+
+      expect($parse('"d" | includedByState:{ id: 123 }')($rootScope)).toBe(
+        true,
+      );
+    });
+
+    it("should return false if the current state does not include input state and params", async () => {
+      await $state.go("d", { id: 2377 });
+
+      expect($parse('"d" | includedByState:{ id: 123 }')($rootScope)).toBe(
+        false,
+      );
+    });
+  });
+});