@angular-wave/angular.ts 0.9.4 → 0.9.5

package/src/binding.spec.js

@@ -1,474 +0,0 @@
-import { createElementFromHTML, dealoc } from "./shared/dom.js";
-import { Angular } from "./angular.js";
-import { browserTrigger, wait } from "./shared/test-utils.js";
-
-describe("binding", () => {
-  let element,
-    myModule,
-    $injector,
-    $rootScope,
-    $compile,
-    $exceptionHandler,
-    errors = [];
-
-  function childNode(element, index) {
-    return element.childNodes[index];
-  }
-
-  beforeEach(function () {
-    errors = [];
-    window.angular = new Angular();
-    myModule = window.angular.module("myModule", ["ng"]);
-    myModule.decorator("$exceptionHandler", function () {
-      return (exception) => {
-        errors.push(exception.message);
-      };
-    });
-    $injector = window.angular.bootstrap(document.getElementById("app"), [
-      "myModule",
-    ]);
-    $rootScope = $injector.get("$rootScope");
-    $compile = $injector.get("$compile");
-    $exceptionHandler = $injector.get("$exceptionHandler");
-    this.compileToHtml = async function (content) {
-      $compile(content)($rootScope);
-      await wait();
-      return content;
-    };
-  });
-
-  afterEach(() => dealoc(document.getElementById("app")));
-
-  it("BindUpdate", () => {
-    $compile('<div ng-init="a=123"/>')($rootScope);
-    expect($rootScope.a).toBe(123);
-  });
-
-  it("ExecuteInitialization", () => {
-    $compile('<div ng-init="a=123">')($rootScope);
-    expect($rootScope.a).toBe(123);
-  });
-
-  it("ExecuteInitializationStatements", () => {
-    $compile('<div ng-init="a=123;b=345">')($rootScope);
-    expect($rootScope.a).toBe(123);
-    expect($rootScope.b).toBe(345);
-  });
-
-  it("ApplyTextBindings", async () => {
-    element = $compile('<div ng-bind="model.a">x</div>')($rootScope);
-    $rootScope.model = { a: 123 };
-    await wait();
-    expect(element.textContent).toBe("123");
-  });
-
-  it("InputTypeButtonActionExecutesInScope", () => {
-    let savedCalled = false;
-    element = $compile(
-      '<input type="button" ng-click="person.save()" value="Apply">',
-    )($rootScope);
-    $rootScope.person = {};
-    $rootScope.person.save = function () {
-      savedCalled = true;
-    };
-    element.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-      }),
-    );
-    expect(savedCalled).toBe(true);
-  });
-
-  it("InputTypeButtonActionExecutesInScope2", () => {
-    let log = "";
-    element = $compile('<input type="image" ng-click="action()">')($rootScope);
-    $rootScope.action = function () {
-      log += "click;";
-    };
-    expect(log).toEqual("");
-    element.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-      }),
-    );
-    expect(log).toEqual("click;");
-  });
-
-  it("ButtonElementActionExecutesInScope", () => {
-    let savedCalled = false;
-    element = $compile('<button ng-click="person.save()">Apply</button>')(
-      $rootScope,
-    );
-    $rootScope.person = {};
-    $rootScope.person.save = function () {
-      savedCalled = true;
-    };
-    element.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-      }),
-    );
-    expect(savedCalled).toBe(true);
-  });
-
-  it("RepeaterUpdateBindings", async () => {
-    let elem = createElementFromHTML(
-      "<ul>" + '<li ng-repeat="item in items" ng-bind="item.a"></li>' + "</ul>",
-    );
-    document.getElementById("app").insertAdjacentElement("afterend", elem);
-    $injector = window.angular.bootstrap(elem, ["myModule"]);
-    $rootScope = $injector.get("$rootScope");
-    $compile = $injector.get("$compile");
-
-    $rootScope.items = [{ a: "A" }, { a: "B" }];
-    await wait();
-    expect(elem.outerHTML).toBe(
-      "<ul><!---->" +
-        '<li ng-repeat="item in items" ng-bind="item.a">A</li>' +
-        '<li ng-repeat="item in items" ng-bind="item.a">B</li>' +
-        "</ul>",
-    );
-
-    $rootScope.items.unshift({ a: "C" });
-    await wait();
-    expect(elem.outerHTML).toBe(
-      "<ul><!---->" +
-        '<li ng-repeat="item in items" ng-bind="item.a">C</li>' +
-        '<li ng-repeat="item in items" ng-bind="item.a">A</li>' +
-        '<li ng-repeat="item in items" ng-bind="item.a">B</li>' +
-        "</ul>",
-    );
-
-    $rootScope.items.shift();
-    await wait();
-    expect(elem.outerHTML).toBe(
-      "<ul><!---->" +
-        '<li ng-repeat="item in items" ng-bind="item.a">A</li>' +
-        '<li ng-repeat="item in items" ng-bind="item.a">B</li>' +
-        "</ul>",
-    );
-    elem.remove();
-  });
-
-  it("RepeaterContentDoesNotBind", async () => {
-    element = $compile(
-      "<ul>" +
-        '<LI ng-repeat="item in model.items"><span ng-bind="item.a"></span></li>' +
-        "</ul>",
-    )($rootScope);
-    await wait();
-    $rootScope.model = { items: [{ a: "A" }] };
-    await wait();
-    expect(element.outerHTML).toBe(
-      "<ul><!---->" +
-        '<li ng-repeat="item in model.items"><span ng-bind="item.a">A</span></li>' +
-        "</ul>",
-    );
-  });
-
-  it("DoNotOverwriteCustomAction", async function () {
-    const html = await this.compileToHtml(
-      '<input type="submit" value="Save" action="foo();">',
-    );
-    expect(html.indexOf('action="foo();"')).toBeGreaterThan(0);
-  });
-
-  it("ItShouldRemoveExtraChildrenWhenIteratingOverHash", async () => {
-    element = $compile('<div><div ng-repeat="i in items">{{i}}</div></div>')(
-      $rootScope,
-    );
-    $rootScope.items = {};
-
-    await wait();
-    expect(element.textContent).toEqual("");
-
-    $rootScope.items.name = "misko";
-    await wait();
-    expect(element.textContent).toEqual("misko");
-
-    delete $rootScope.items.name;
-    await wait();
-    expect(element.textContent).toEqual("");
-  });
-
-  it("IfAttrBindingThrowsErrorDecorateTheAttribute", async () => {
-    $compile(
-      '<div attr="before {{error.throw()}} after"></div>',
-      null,
-      true,
-    )($rootScope);
-    let count = 0;
-
-    $rootScope.error = {
-      throw: function () {
-        throw new Error(`ErrorMsg${++count}`);
-      },
-    };
-    await wait();
-    expect(errors.length).not.toEqual(0);
-    expect(errors.shift()).toMatch(/ErrorMsg1/);
-    errors.length = 0;
-
-    $rootScope.error.throw = function () {
-      return "X";
-    };
-    await wait();
-    expect(errors.length).toMatch("0");
-  });
-
-  it("NestedRepeater", async () => {
-    element = $compile(
-      "<div>" +
-        '<div ng-repeat="m in model" name="{{m.name}}">' +
-        '<ul name="{{i}}" ng-repeat="i in m.item"></ul>' +
-        "</div>" +
-        "</div>",
-    )($rootScope);
-    $rootScope.model = [
-      { name: "a", item: ["a1", "a2"] },
-      { name: "b", item: ["b1", "b2"] },
-    ];
-    await wait();
-    expect(element.outerHTML).toBe(
-      `<div>` +
-        `<!---->` +
-        `<div ng-repeat="m in model" name="a">` +
-        `<!---->` +
-        `<ul name="a1" ng-repeat="i in m.item"></ul>` +
-        `<ul name="a2" ng-repeat="i in m.item"></ul>` +
-        `</div>` +
-        `<div ng-repeat="m in model" name="b">` +
-        `<!---->` +
-        `<ul name="b1" ng-repeat="i in m.item"></ul>` +
-        `<ul name="b2" ng-repeat="i in m.item"></ul>` +
-        `</div>` +
-        `</div>`,
-    );
-  });
-
-  it("HideBindingExpression", async () => {
-    element = $compile('<div ng-hide="hidden === 3"/>')($rootScope);
-
-    $rootScope.hidden = 3;
-    await wait();
-
-    expect(element.classList.contains("ng-hide")).toBe(true);
-
-    $rootScope.hidden = 2;
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBe(false);
-  });
-
-  it("HideBinding", async () => {
-    element = $compile('<div ng-hide="hidden"/>')($rootScope);
-
-    $rootScope.hidden = "true";
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeTrue();
-
-    $rootScope.hidden = "false";
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeTrue();
-
-    $rootScope.hidden = 0;
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeFalse();
-
-    $rootScope.hidden = false;
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeFalse();
-
-    $rootScope.hidden = "";
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeFalse();
-  });
-
-  it("ShowBinding", async () => {
-    element = $compile('<div ng-show="show"/>')($rootScope);
-
-    $rootScope.show = "true";
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeFalse();
-
-    $rootScope.show = "false";
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeFalse();
-
-    $rootScope.show = false;
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeTrue();
-
-    $rootScope.show = "";
-    await wait();
-    expect(element.classList.contains("ng-hide")).toBeTrue();
-  });
-
-  it("BindClass", async () => {
-    element = $compile('<div ng-class="clazz"/>')($rootScope);
-
-    $rootScope.clazz = "testClass";
-    await wait();
-
-    expect(element.classList.contains("testClass")).toBeTrue();
-
-    $rootScope.clazz = ["a", "b"];
-    await wait();
-    expect(element.classList.contains("a")).toBeTrue();
-    expect(element.classList.contains("b")).toBeTrue();
-  });
-
-  it("BindClassEvenOdd", async () => {
-    element = $compile(
-      "<div>" +
-        '<div ng-repeat="i in [0,1]" ng-class-even="\'e\'" ng-class-odd="\'o\'"></div>' +
-        "</div>",
-    )($rootScope);
-    await wait();
-
-    const d1 = element.querySelectorAll("div")[0];
-    const d2 = element.querySelectorAll("div")[1];
-
-    expect(d1.classList.contains("o")).toBeTruthy();
-    expect(d2.classList.contains("e")).toBeTruthy();
-  });
-
-  it("BindStyle", async () => {
-    element = $compile('<div ng-style="style"/>')($rootScope);
-
-    $rootScope.$eval('style={height: "10px"}');
-    await wait();
-
-    expect(element.style["height"]).toBe("10px");
-
-    $rootScope.$eval("style={}");
-    await wait();
-  });
-
-  it("ActionOnAHrefThrowsError", async () => {
-    const input = $compile('<a ng-click="action()">Add Phone</a>')($rootScope);
-    $rootScope.action = function () {
-      throw new Error("MyError");
-    };
-    await wait();
-    input.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        view: window,
-      }),
-    );
-
-    expect(errors[0]).toMatch(/MyError/);
-  });
-
-  it("ShouldIgnoreVbNonBindable", async () => {
-    element = $compile(
-      "<div>{{a}}" +
-        "<div ng-non-bindable>{{a}}</div>" +
-        "<div ng-non-bindable=''>{{b}}</div>" +
-        "<div ng-non-bindable='true'>{{c}}</div>" +
-        "</div>",
-    )($rootScope);
-    $rootScope.a = 123;
-    await wait();
-    expect(element.textContent).toBe("123{{a}}{{b}}{{c}}");
-  });
-
-  it("ShouldTemplateBindPreElements", async () => {
-    element = $compile("<pre>Hello {{name}}!</pre>")($rootScope);
-    $rootScope.name = "World";
-    await wait();
-
-    expect(element.outerHTML).toBe(`<pre>Hello World!</pre>`);
-  });
-
-  it("FillInOptionValueWhenMissing", async () => {
-    element = $compile(
-      '<select ng-model="foo">' +
-        '<option selected="true">{{a}}</option>' +
-        '<option value="">{{b}}</option>' +
-        "<option>C</option>" +
-        "</select>",
-    )($rootScope);
-    $rootScope.a = "A";
-    $rootScope.b = "B";
-    await wait();
-
-    const optionA = childNode(element, 0);
-    const optionB = childNode(element, 1);
-    const optionC = childNode(element, 2);
-
-    expect(optionA.getAttribute("value")).toEqual("A");
-    expect(optionA.textContent).toEqual("A");
-
-    expect(optionB.getAttribute("value")).toEqual("");
-    expect(optionB.textContent).toEqual("B");
-
-    expect(optionC.getAttribute("value")).toEqual("C");
-    expect(optionC.textContent).toEqual("C");
-  });
-
-  it("ItShouldSelectTheCorrectRadioBox", async () => {
-    const ELEMENT = document.getElementById("app");
-    ELEMENT.innerHTML =
-      "<div>" +
-      '<input type="radio" name="sex" ng-model="sex" value="female">' +
-      '<input type="radio" name="sex" ng-model="sex" value="male">' +
-      "{{ sex }} " +
-      "</div>";
-    $compile(ELEMENT)($rootScope);
-    await wait();
-    const female = ELEMENT.firstChild.childNodes[0];
-    const male = ELEMENT.firstChild.childNodes[1];
-
-    female.checked = true;
-    browserTrigger(female, "change");
-    await wait();
-    expect($rootScope.sex).toBe("female");
-
-    male.checked = true;
-    browserTrigger(male, "change");
-    await wait();
-    expect(female.checked).toBe(false);
-    expect($rootScope.sex).toBe("male");
-  });
-
-  it("ItShouldRepeatOnHashes", async () => {
-    element = $compile(
-      "<ul>" +
-        '<li ng-repeat="(k,v) in {a:0,b:1}" ng-bind="k + v"></li>' +
-        "</ul>",
-    )($rootScope);
-    await wait();
-    expect(element.outerHTML).toBe(
-      "<ul><!---->" +
-        '<li ng-repeat="(k,v) in {a:0,b:1}" ng-bind="k + v">a0</li>' +
-        '<li ng-repeat="(k,v) in {a:0,b:1}" ng-bind="k + v">b1</li>' +
-        "</ul>",
-    );
-  });
-
-  it("ItShouldFireChangeListenersBeforeUpdate", async () => {
-    element = $compile('<div ng-bind="name"></div>')($rootScope);
-    $rootScope.name = "";
-    $rootScope.$watch("watched", () => {
-      $rootScope.name = 123;
-    });
-    $rootScope.watched = "change";
-    await wait();
-    expect($rootScope.name).toBe(123);
-    expect(element.outerHTML).toBe('<div ng-bind="name">123</div>');
-  });
-
-  it("ItShouldHandleMultilineBindings", async () => {
-    element = $compile("<div>{{\n 1 \n + \n 2 \n}}</div>")($rootScope);
-    await wait();
-    expect(element.textContent).toBe("3");
-  });
-});

package/src/binding.test.js

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