@angular-wave/angular.ts 0.9.4 → 0.9.6

package/src/directive/bind/bind.spec.js

@@ -1,314 +0,0 @@
-import { Angular } from "../../angular.js";
-import { dealoc } from "../../shared/dom.js";
-import { wait } from "../../shared/test-utils.js";
-
-describe("ng-bind", () => {
-  let $rootScope;
-  let $compile;
-  let element;
-  let scope;
-  let $sce;
-
-  beforeEach(() => {
-    dealoc(document.getElementById("app"));
-    window.angular = new Angular();
-    window.angular
-      .module("myModule", ["ng"])
-      .decorator("$exceptionHandler", function () {
-        return (exception) => {
-          throw new Error(exception.message);
-        };
-      });
-    window.angular
-      .bootstrap(document.getElementById("app"), ["myModule"])
-      .invoke((_$rootScope_, _$compile_, _$sce_) => {
-        $rootScope = _$rootScope_;
-        $compile = _$compile_;
-        $sce = _$sce_;
-      });
-  });
-
-  describe("ngBind", () => {
-    it("should set text", async () => {
-      element = $compile('<div ng-bind="a"></div>')($rootScope);
-      await wait();
-      expect(element.textContent).toEqual("");
-      $rootScope.a = "misko";
-      await wait();
-      expect(element.textContent).toEqual("misko");
-    });
-
-    it("should set text to blank if undefined", async () => {
-      element = $compile('<div ng-bind="a"></div>')($rootScope);
-      $rootScope.a = "misko";
-      await wait();
-      expect(element.textContent).toEqual("misko");
-      $rootScope.a = undefined;
-      await wait();
-      expect(element.textContent).toEqual("");
-      $rootScope.a = null;
-      await wait();
-      expect(element.textContent).toEqual("");
-    });
-
-    it("should suppress rendering of falsy values", async () => {
-      element = $compile(
-        '<div><span ng-bind="null"></span>' +
-          '<span ng-bind="undefined"></span>' +
-          "<span ng-bind=\"''\"></span>-" +
-          '<span ng-bind="0"></span>' +
-          '<span ng-bind="false"></span>' +
-          "</div>",
-      )($rootScope);
-      await wait();
-      expect(element.textContent).toEqual("-0false");
-    });
-
-    [
-      [{ a: 1 }, '{"a":1}'],
-      [true, "true"],
-      [false, "false"],
-    ].forEach((prop) => {
-      it("should jsonify $prop " + prop, async () => {
-        $rootScope.value = prop[0];
-        element = $compile('<div ng-bind="value"></div>')($rootScope);
-        await wait();
-        expect(element.textContent).toEqual(prop[1]);
-      });
-    });
-
-    it("should use custom toString when present", async () => {
-      $rootScope.value = {
-        toString() {
-          return "foo";
-        },
-      };
-      element = $compile('<div ng-bind="value"></div>')($rootScope);
-      await wait();
-      expect(element.textContent).toEqual("foo");
-    });
-
-    it("should NOT use toString on array objects", async () => {
-      $rootScope.value = [];
-      element = $compile('<div ng-bind="value"></div>')($rootScope);
-      await wait();
-      expect(element.textContent).toEqual("[]");
-    });
-
-    it("should NOT use toString on Date objects", async () => {
-      $rootScope.value = new Date(2014, 10, 10, 0, 0, 0);
-      element = $compile('<div ng-bind="value"></div>')($rootScope);
-      await wait();
-      expect(element.textContent).toBe(
-        JSON.stringify($rootScope.value.$target),
-      );
-      expect(element.textContent).not.toEqual(
-        $rootScope.value.$target.toString(),
-      );
-    });
-
-    it("should support `data-lazy` attribute", async () => {
-      $rootScope.value = 0;
-      await wait();
-      element = $compile('<div ng-bind="value" data-lazy="true">Content</div>')(
-        $rootScope,
-      );
-      expect(element.textContent).toEqual("Content");
-
-      $rootScope.value = 2;
-      await wait();
-      expect(element.textContent).toEqual("2");
-    });
-  });
-
-  describe("ngBindTemplate", () => {
-    it("should ngBindTemplate", async () => {
-      element = $compile('<div ng-bind-template="Hello {{name}}!"></div>')(
-        $rootScope,
-      );
-      $rootScope.name = "Misko";
-      await wait();
-      expect(element.textContent).toEqual("Hello Misko!");
-    });
-
-    it("should render object as JSON ignore $$", async () => {
-      element = $compile('<pre>{{ {key:"value", $$key:"hide"}  }}</pre>')(
-        $rootScope,
-      );
-      await wait();
-      expect(JSON.parse(element.textContent)).toEqual({ key: "value" });
-    });
-  });
-
-  describe("ngBindHtml", () => {
-    it("should complain about accidental use of interpolation", async () => {
-      expect(() => {
-        $compile('<div ng-bind-html="{{myHtml}}"></div>');
-      }).toThrowError(/syntax/);
-    });
-
-    describe("SCE disabled", () => {
-      beforeEach(() => {
-        dealoc(document.getElementById("app"));
-        window.angular
-          .module("myModule", [
-            "ng",
-            ($sceProvider) => {
-              $sceProvider.enabled(false);
-            },
-          ])
-          .decorator("$exceptionHandler", function () {
-            return (exception) => {
-              throw new Error(exception.message);
-            };
-          });
-        window.angular
-          .bootstrap(document.getElementById("app"), ["myModule"])
-          .invoke((_$rootScope_, _$compile_, _$sce_) => {
-            $rootScope = _$rootScope_;
-            $compile = _$compile_;
-            $sce = _$sce_;
-          });
-      });
-
-      afterEach(() => dealoc(element));
-
-      it("should set html", async () => {
-        element = $compile('<div ng-bind-html="html"></div>')($rootScope);
-        $rootScope.html = '<div onclick="">hello</div>';
-        await wait();
-        expect(element.innerHTML).toEqual('<div onclick="">hello</div>');
-      });
-
-      it("should update html", async () => {
-        element = $compile('<div ng-bind-html="html"></div>')($rootScope);
-        $rootScope.html = "hello";
-        await wait();
-        expect(element.innerHTML).toEqual("hello");
-        $rootScope.html = "goodbye";
-        await wait();
-        expect(element.innerHTML).toEqual("goodbye");
-      });
-    });
-
-    describe("SCE enabled", () => {
-      beforeEach(() => {
-        dealoc(document.getElementById("app"));
-        window.angular
-          .module("myModule", [
-            "ng",
-            ($sceProvider) => {
-              $sceProvider.enabled(true);
-            },
-          ])
-          .decorator("$exceptionHandler", function () {
-            return (exception) => {
-              throw new Error(exception.message);
-            };
-          });
-        window.angular
-          .bootstrap(document.getElementById("app"), ["myModule"])
-          .invoke((_$rootScope_, _$compile_, _$sce_) => {
-            $rootScope = _$rootScope_;
-            $compile = _$compile_;
-            $sce = _$sce_;
-          });
-        scope = $rootScope.$new();
-      });
-
-      afterEach(() => dealoc(element));
-
-      it("should set html for trusted values", async () => {
-        element = $compile('<div ng-bind-html="html"></div>')($rootScope);
-        $rootScope.html = $sce.trustAsHtml('<div onclick="">hello</div>');
-        await wait();
-        expect(element.innerHTML).toEqual('<div onclick="">hello</div>');
-      });
-
-      it("should update html", async () => {
-        element = $compile('<div ng-bind-html="html"></div>')(scope);
-        scope.html = $sce.trustAsHtml("hello");
-        await wait();
-        expect(element.innerHTML).toEqual("hello");
-        scope.html = $sce.trustAsHtml("goodbye");
-        await wait();
-        expect(element.innerHTML).toEqual("goodbye");
-      });
-
-      it("should not cause infinite recursion for trustAsHtml object watches", async () => {
-        // Ref: https://github.com/angular/angular.js/issues/3932
-        // If the binding is a function that creates a new value on every call via trustAs, we'll
-        // trigger an infinite digest if we don't take care of it.
-        element = $compile('<div ng-bind-html="getHtml()"></div>')($rootScope);
-        $rootScope.getHtml = function () {
-          return $sce.trustAsHtml('<div onclick="">hello</div>');
-        };
-        await wait();
-        expect(element.innerHTML).toEqual('<div onclick="">hello</div>');
-      });
-
-      it("should handle custom $sce objects", async () => {
-        function MySafeHtml(val) {
-          this.val = val;
-        }
-
-        dealoc(document.getElementById("app"));
-
-        window.angular
-          .module("myModule", [
-            "ng",
-
-            function ($provide) {
-              $provide.decorator("$sce", ($delegate) => {
-                $delegate.trustAsHtml = function (html) {
-                  return new MySafeHtml(html);
-                };
-                $delegate.getTrustedHtml = function (mySafeHtml) {
-                  return mySafeHtml.val;
-                };
-                $delegate.valueOf = function (v) {
-                  return v instanceof MySafeHtml ? v.val : v;
-                };
-                return $delegate;
-              });
-            },
-          ])
-          .decorator("$exceptionHandler", function () {
-            return (exception) => {
-              throw new Error(exception.message);
-            };
-          });
-        let injector = window.angular.bootstrap(
-          document.getElementById("app"),
-          ["myModule"],
-        );
-
-        injector.invoke((_$rootScope_, _$compile_, _$sce_) => {
-          $rootScope = _$rootScope_.$new();
-          $compile = _$compile_;
-          $sce = _$sce_;
-        });
-
-        async () => {
-          // Ref: https://github.com/angular/angular.js/issues/14526
-          // Previous code used toString for change detection, which fails for custom objects
-          // that don't override toString.
-          element = $compile('<div ng-bind-html="getHtml()"></div>')(
-            $rootScope,
-          );
-          let html = "hello";
-          $rootScope.getHtml = function () {
-            return $sce.trustAsHtml(html);
-          };
-          await wait();
-          expect(element.innerHTML).toEqual("hello");
-          html = "goodbye";
-          await wait();
-          expect(element.innerHTML).toEqual("goodbye");
-        };
-
-        expect(true).toBeTrue();
-      });
-    });
-  });
-});

package/src/directive/bind/bind.test.js

@@ -1,12 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-const TEST_URL = "src/directive/bind/bind.html";
-
-test("unit tests contain no errors", async ({ page }) => {
-  await page.goto(TEST_URL);
-  await page.content();
-  await page.waitForTimeout(1000);
-  await expect(page.locator(".jasmine-overall-result")).toHaveText(
-    / 0 failures/,
-  );
-});

package/src/directive/channel/channel.html

@@ -1,19 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>AngularTS Test Runner</title>
-
-    <link rel="shortcut icon" type="image/png" href="/images/favicon.ico" />
-    <link rel="stylesheet" href="/jasmine/jasmine.css" />
-    <link rel="stylesheet" href="/public/jasmine-helper.css" />
-    <script src="/jasmine/jasmine.js"></script>
-    <script src="/jasmine/jasmine-html.js"></script>
-    <script src="/jasmine/boot0.js"></script>
-    <script src="/jasmine/boot1.js"></script>
-    <script type="module" src="/src/directive/channel/channel.spec.js"></script>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/src/directive/channel/channel.js

@@ -1,30 +0,0 @@
-import { isObject } from "../../shared/utils.js";
-import { $injectTokens } from "../../injection-tokens.js";
-
-ngChannelDirective.$inject = [$injectTokens.$eventBus];
-/**
- * @param {import("../../services/pubsub/pubsub.js").PubSub} $eventBus
- * @returns {import("../../interface.ts").Directive}
- */
-export function ngChannelDirective($eventBus) {
-  return {
-    link: (scope, element, attrs) => {
-      const channel = attrs["ngChannel"];
-      const hasTemplateContent = element.childNodes.length > 0;
-
-      const key = $eventBus.subscribe(channel, (value) => {
-        if (hasTemplateContent) {
-          if (isObject(value)) {
-            scope.$merge(value);
-          }
-        } else {
-          element.innerHTML = value;
-        }
-      });
-
-      scope.$on("$destroy", () => {
-        $eventBus.unsubscribeByKey(key);
-      });
-    },
-  };
-}

package/src/directive/channel/channel.spec.js

@@ -1,67 +0,0 @@
-import { Angular } from "../../angular.js";
-import { EventBus } from "../../services/pubsub/pubsub.js";
-import { dealoc } from "../../shared/dom.js";
-import { wait } from "../../shared/test-utils.js";
-
-describe("channel", () => {
-  let $compile, $scope, element, unsubscribeSpy;
-
-  beforeEach(() => {
-    dealoc(document.getElementById("app"));
-    let angular = new Angular();
-    angular.module("myModule", ["ng"]);
-    angular
-      .bootstrap(document.getElementById("app"), ["myModule"])
-      .invoke((_$compile_, _$rootScope_) => {
-        $compile = _$compile_;
-        $scope = _$rootScope_;
-      });
-
-    spyOn(EventBus, "subscribe").and.callThrough();
-    unsubscribeSpy = spyOn(EventBus, "unsubscribeByKey").and.callThrough();
-  });
-
-  it("should subscribe to the specified EventBus channel", () => {
-    element = $compile('<div ng-channel="testChannel"></div>')($scope);
-
-    expect(EventBus.subscribe).toHaveBeenCalledWith(
-      "testChannel",
-      jasmine.any(Function),
-    );
-  });
-
-  it("should update innerHtml when EventBus emits a value", async () => {
-    element = $compile('<div ng-channel="testChannel"></div>')($scope);
-
-    expect(element.innerHTML).toBe("");
-
-    EventBus.publish("testChannel", "New Content");
-    await wait(10);
-
-    expect(element.innerHTML).toBe("New Content");
-  });
-
-  it("should unsubscribe from the EventBus when the scope is destroyed", () => {
-    element = $compile('<div ng-channel="testChannel"></div>')($scope);
-
-    $scope.$destroy();
-
-    expect(unsubscribeSpy).toHaveBeenCalled();
-  });
-
-  it("should handle templates when EventBus emits a value", async () => {
-    element = $compile(
-      '<div ng-channel="testChannel">{{ a.firstName }} {{ a.lastName }}</div>',
-    )($scope);
-    await wait();
-    expect(element.textContent).toBe(" ");
-
-    EventBus.publish("testChannel", {
-      a: { firstName: "John", lastName: "Doe" },
-    });
-
-    await wait(100);
-
-    expect(element.textContent).toBe("John Doe");
-  });
-});

package/src/directive/channel/channel.test.js

@@ -1,10 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-test("unit observer tests contain no errors", async ({ page }) => {
-  await page.goto("src/directive/channel/channel.html");
-  await page.content();
-  await page.waitForTimeout(1000);
-  await expect(page.locator(".jasmine-overall-result")).toHaveText(
-    / 0 failures/,
-  );
-});

package/src/directive/class/class-test.html

@@ -1,23 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>AngularTS</title>
-    <link rel="shortcut icon" type="image/png" href="images/favicon.ico" />
-    <script type="module" src="/src/index.js"></script>
-  </head>
-  <body ng-app ng-init="test = {deleted: false}">
-    <style>
-      .red {
-        background-color: red;
-      }
-    </style>
-
-    {{ test.deleted }}
-    <p ng-class="{red: test.deleted}">Map Syntax Example</p>
-    <label>
-      <input type="checkbox" ng-model="test.deleted" />deleted (apply "strike"
-      class)
-    </label>
-  </body>
-</html>

package/src/directive/class/class.html

@@ -1,19 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>AngularTS Test Runner</title>
-
-    <link rel="shortcut icon" type="image/png" href="/images/favicon.ico" />
-    <link rel="stylesheet" href="/jasmine/jasmine.css" />
-    <link rel="stylesheet" href="/public/jasmine-helper.css" />
-    <script src="/jasmine/jasmine.js"></script>
-    <script src="/jasmine/jasmine-html.js"></script>
-    <script src="/jasmine/boot0.js"></script>
-    <script src="/jasmine/boot1.js"></script>
-    <script type="module" src="/src/directive/class/class.spec.js"></script>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/src/directive/class/class.js

@@ -1,184 +0,0 @@
-import { getCacheData, setCacheData } from "../../shared/dom.js";
-import { hasAnimate, isObject, isString } from "../../shared/utils.js";
-
-/**
- * @param {string} name
- * @param {boolean|number} selector
- * @returns {() => import("../../interface.ts").Directive}
- */
-function classDirective(name, selector) {
-  name = `ngClass${name}`;
-
-  return function () {
-    return {
-      /**
-       * @param {import("../../core/scope/scope.js").Scope} scope
-       * @param {Element} element
-       * @param {import("../../core/compile/attributes").Attributes} attr
-       */
-      link(scope, element, attr) {
-        let classCounts = getCacheData(element, "$classCounts");
-        let oldModulo = true;
-        /** @type {string|undefined} */
-        let oldClassString;
-
-        if (!classCounts) {
-          // Use Object.create(null) to prevent class assumptions involving property
-          // names in Object.prototype
-          classCounts = Object.create(null);
-          setCacheData(element, "$classCounts", classCounts);
-        }
-
-        if (name !== "ngClass") {
-          scope.$watch("$index", () => {
-            ngClassIndexWatchAction(scope["$index"] & 1);
-          });
-        }
-        scope.$watch(attr[name], (val) => {
-          ngClassWatchAction(toClassString(val));
-        });
-
-        /**
-         * @param {string} classString
-         */
-        function addClasses(classString) {
-          classString = digestClassCounts(split(classString), 1);
-          if (hasAnimate(element)) {
-            attr.$addClass(classString);
-          } else {
-            scope.$postUpdate(() => {
-              if (classString !== "") {
-                element.classList.add(...classString.trim().split(" "));
-              }
-            });
-          }
-        }
-
-        /**
-         * @param {string} classString
-         */
-        function removeClasses(classString) {
-          classString = digestClassCounts(split(classString), -1);
-          if (hasAnimate(element)) {
-            attr.$removeClass(classString);
-          } else {
-            scope.$postUpdate(() => {
-              if (classString !== "") {
-                element.classList.remove(...classString.trim().split(" "));
-              }
-            });
-          }
-        }
-
-        /**
-         * @param {string} oldClassString
-         * @param {string} newClassString
-         */
-        function updateClasses(oldClassString, newClassString) {
-          const oldClassArray = split(oldClassString);
-          const newClassArray = split(newClassString);
-
-          const toRemoveArray = arrayDifference(oldClassArray, newClassArray);
-          const toAddArray = arrayDifference(newClassArray, oldClassArray);
-
-          const toRemoveString = digestClassCounts(toRemoveArray, -1);
-          const toAddString = digestClassCounts(toAddArray, 1);
-          if (hasAnimate(element)) {
-            attr.$addClass(toAddString);
-            attr.$removeClass(toRemoveString);
-          } else {
-            if (toAddString !== "") {
-              element.classList.add(...toAddString.trim().split(" "));
-            }
-            if (toRemoveString !== "") {
-              element.classList.remove(...toRemoveString.trim().split(" "));
-            }
-          }
-        }
-
-        function digestClassCounts(classArray, count) {
-          const classesToUpdate = [];
-          if (classArray) {
-            classArray.forEach((className) => {
-              if (count > 0 || classCounts[className]) {
-                classCounts[className] = (classCounts[className] || 0) + count;
-                if (classCounts[className] === +(count > 0)) {
-                  classesToUpdate.push(className);
-                }
-              }
-            });
-          }
-          return classesToUpdate.join(" ");
-        }
-
-        function ngClassIndexWatchAction(newModulo) {
-          // This watch-action should run before the `ngClassWatchAction()`, thus it
-          // adds/removes `oldClassString`. If the `ngClass` expression has changed as well, the
-          // `ngClassWatchAction()` will update the classes.
-          if (newModulo === selector) {
-            addClasses(oldClassString);
-          } else {
-            removeClasses(oldClassString);
-          }
-
-          oldModulo = newModulo;
-        }
-
-        /**
-         * @param {string} newClassString
-         */
-        function ngClassWatchAction(newClassString) {
-          if (oldModulo === selector) {
-            updateClasses(oldClassString, newClassString);
-          }
-
-          oldClassString = newClassString;
-        }
-      },
-    };
-  };
-}
-
-// Helpers
-function arrayDifference(tokens1, tokens2) {
-  if (!tokens1 || !tokens1.length) return [];
-  if (!tokens2 || !tokens2.length) return tokens1;
-
-  const values = [];
-
-  outer: for (let i = 0; i < tokens1.length; i++) {
-    const token = tokens1[i];
-    for (let j = 0; j < tokens2.length; j++) {
-      if (token === tokens2[j]) continue outer;
-    }
-    values.push(token);
-  }
-
-  return values;
-}
-
-function split(classString) {
-  return classString && classString.split(" ");
-}
-
-function toClassString(classValue) {
-  if (!classValue) return classValue;
-
-  let classString = classValue;
-
-  if (Array.isArray(classValue)) {
-    classString = classValue.map(toClassString).join(" ");
-  } else if (isObject(classValue)) {
-    classString = Object.keys(classValue)
-      .filter((key) => classValue[key])
-      .join(" ");
-  } else if (!isString(classValue)) {
-    classString = `${classValue}`;
-  }
-
-  return classString;
-}
-
-export const ngClassDirective = classDirective("", true);
-export const ngClassOddDirective = classDirective("Odd", 0);
-export const ngClassEvenDirective = classDirective("Even", 1);