@angular-wave/angular.ts 0.4.2 → 0.4.3

package/src/core/compile/compile.spec.js

@@ -2,7 +2,6 @@ import { Angular } from "../../loader";
 import { createInjector } from "../di/injector";
 import { dealoc, JQLite, getOrSetCacheData } from "../../shared/jqlite/jqlite";
 import {
-  forEach,
   isFunction,
   valueFn,
   isElement,
@@ -435,42 +434,36 @@ describe("$compile", () => {
     expect(el.data("hasCompiled")).toBe(true);
   });
 
-  forEach(
-    {
-      E: { element: true, attribute: false },
-      A: { element: false, attribute: true },
-      EA: { element: true, attribute: true },
-    },
-    function (expected, restrict) {
-      describe("restricted to " + restrict, () => {
-        forEach(
-          {
-            element: "<my-directive></my-directive>",
-            attribute: "<div my-directive></div>",
-          },
-          function (dom, type) {
-            it(
-              (expected[type] ? "matches" : "does not match") + " on " + type,
-              () => {
-                var hasCompiled = false;
-                myModule.directive("myDirective", () => {
-                  return {
-                    restrict: restrict,
-                    compile: () => {
-                      hasCompiled = true;
-                    },
-                  };
-                });
-                reloadModules();
-                $compile(dom);
-                expect(hasCompiled).toBe(expected[type]);
-              },
-            );
+  Object.entries({
+    E: { element: true, attribute: false },
+    A: { element: false, attribute: true },
+    EA: { element: true, attribute: true },
+  }).forEach(([restrict, expected]) => {
+    describe("restricted to " + restrict, () => {
+      Object.entries({
+        element: "<my-directive></my-directive>",
+        attribute: "<div my-directive></div>",
+      }).forEach(([type, dom]) => {
+        it(
+          (expected[type] ? "matches" : "does not match") + " on " + type,
+          () => {
+            var hasCompiled = false;
+            myModule.directive("myDirective", () => {
+              return {
+                restrict: restrict,
+                compile: () => {
+                  hasCompiled = true;
+                },
+              };
+            });
+            reloadModules();
+            $compile(dom);
+            expect(hasCompiled).toBe(expected[type]);
           },
         );
       });
-    },
-  );
+    });
+  });
 
   it("applies to attributes when no restrict given", () => {
     var hasCompiled = false;
@@ -5182,14 +5175,16 @@ describe("$compile", () => {
 
     describe("restrict", () => {
       it("should allow restriction of availability", () => {
-        forEach({ div: "E", attr: "A", all: "EA" }, (restrict, name) => {
-          myModule.directive(name, () => ({
-            restrict,
-            compile: valueFn((scope, element, attr) => {
-              log.push(name);
-            }),
-          }));
-        });
+        Object.entries({ div: "E", attr: "A", all: "EA" }).forEach(
+          ([name, restrict]) => {
+            myModule.directive(name, () => ({
+              restrict,
+              compile: valueFn((scope, element, attr) => {
+                log.push(name);
+              }),
+            }));
+          },
+        );
 
         reloadModules();
         dealoc($compile('<span div class="div"></span>')($rootScope));
@@ -11332,9 +11327,9 @@ describe("$compile", () => {
           },
         ];
 
-        forEach(controllerOptions, (controllerOption) => {
-          forEach(scopeOptions, (scopeOption) => {
-            forEach(templateOptions, (templateOption) => {
+        controllerOptions.forEach((controllerOption) => {
+          Object.values(scopeOptions).forEach((scopeOption) => {
+            Object.values(templateOptions).forEach((templateOption) => {
               const description = [];
               const ddo = {
                 bindToController: {
@@ -11345,8 +11340,7 @@ describe("$compile", () => {
                 },
               };
 
-              forEach(
-                [controllerOption, scopeOption, templateOption],
+              [controllerOption, scopeOption, templateOption].forEach(
                 (option) => {
                   description.push(option.description);
                   delete option.description;
@@ -15924,7 +15918,7 @@ describe("$compile", () => {
           "http://example.com/image1.jpg?x=a2x,b 1x,http://example.com/ima,ge2.jpg 2x",
       };
 
-      forEach(testSet, (ref, url) => {
+      Object.entries(testSet).forEach(([url, ref]) => {
         $rootScope.testUrl = url;
         $rootScope.$digest();
         expect(element.attr("srcset")).toEqual(ref);
@@ -17257,7 +17251,7 @@ describe("$compile", () => {
       const toCompile = JQLite(template);
 
       const preCompiledChildren = getAll(toCompile);
-      forEach(preCompiledChildren, (element, i) => {
+      Object.entries(preCompiledChildren).forEach(([i, element]) => {
         getOrSetCacheData(element, "foo", `template#${i}`);
       });
 
@@ -17265,10 +17259,11 @@ describe("$compile", () => {
       $rootScope.$apply();
       linkedElements.remove();
 
-      forEach(preCompiledChildren, (element, i) => {
+      Object.entries(preCompiledChildren).forEach(([i, element]) => {
         expect(CACHE.has(element[EXPANDO])).toBe(false, `template#${i}`);
       });
-      forEach(getAll(linkedElements), (element, i) => {
+
+      Object.entries(linkedElements).forEach(([i, element]) => {
         expect(CACHE.has(element[EXPANDO])).toBe(false, `linked#${i}`);
       });
     }

package/src/core/compile/compile.test.js

@@ -5,7 +5,7 @@ const TEST_URL = "src/core/compile/compile.html?random=false";
 test("unit tests contain no errors", async ({ page }) => {
   await page.goto(TEST_URL);
   await page.content();
-  await page.waitForTimeout(5000);
+  await page.waitForTimeout(1000);
   await expect(page.locator(".jasmine-overall-result")).toHaveText(
     /0 failures/,
   );

package/src/core/interval/interval.test.js

@@ -5,7 +5,7 @@ const TEST_URL = "src/core/interval/interval.html";
 test("unit tests contain no errors", async ({ page }) => {
   await page.goto(TEST_URL);
   await page.content();
-  await page.waitForTimeout(100);
+  await page.waitForTimeout(500);
   await expect(page.locator(".jasmine-overall-result")).toHaveText(
     /0 failures/,
   );

package/src/core/parse/parse.js

@@ -1,4 +1,4 @@
-import { forEach, isDefined, isFunction } from "../../shared/utils.js";
+import { isDefined, isFunction } from "../../shared/utils.js";
 import { PURITY_RELATIVE } from "./interpreter.js";
 import { Lexer } from "./lexer/lexer.js";
 import { Parser } from "./parser/parser.js";
@@ -382,7 +382,7 @@ function expressionInputDirtyCheck(
 
 function isAllDefined(value) {
   let allDefined = true;
-  forEach(value, (val) => {
+  Object.values(value).forEach((val) => {
     if (!isDefined(val)) allDefined = false;
   });
   return allDefined;

package/src/core/sce/sce.js

@@ -4,7 +4,6 @@ import {
   urlResolve,
 } from "./../url-utils/url-utils";
 import {
-  forEach,
   isFunction,
   isRegExp,
   isString,
@@ -731,7 +730,7 @@ export function SceProvider() {
       const { getTrusted } = sce;
       const { trustAs } = sce;
 
-      forEach(SCE_CONTEXTS, (enumValue, name) => {
+      Object.entries(SCE_CONTEXTS).forEach(([name, enumValue]) => {
         const lName = lowercase(name);
         sce[snakeToCamel(`parse_as_${lName}`)] = function (expr) {
           return parse(enumValue, expr);

package/src/core/scope/scope.js

@@ -1,6 +1,5 @@
 import {
   concat,
-  forEach,
   minErr,
   nextUid,
   isFunction,
@@ -473,7 +472,7 @@ export class Scope {
       });
     }
 
-    forEach(watchExpressions, (expr, i) => {
+    Object.entries(watchExpressions).forEach(([i, expr]) => {
       const unwatchFn = self.$watch(expr, (value) => {
         newValues[i] = value;
         if (!changeReactionScheduled) {

package/src/directive/attrs/attrs.test.js

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

package/src/directive/attrs/boolean.html

@@ -0,0 +1,18 @@
+<!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-5.1.2/jasmine.css" />
+    <script src="/jasmine/jasmine-5.1.2/jasmine.js"></script>
+    <script src="/jasmine/jasmine-5.1.2/jasmine-html.js"></script>
+    <script src="/jasmine/jasmine-5.1.2/boot0.js"></script>
+    <script src="/jasmine/jasmine-5.1.2/boot1.js"></script>
+    <script type="module" src="/src/directive/attrs/boolean.spec.js"></script>
+  </head>
+  <body>
+    <div id="dummy"></div>
+  </body>
+</html>

package/src/directive/attrs/boolean.test.js

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

package/src/directive/attrs/element-style.html

@@ -0,0 +1,21 @@
+<!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-5.1.2/jasmine.css" />
+    <script src="/jasmine/jasmine-5.1.2/jasmine.js"></script>
+    <script src="/jasmine/jasmine-5.1.2/jasmine-html.js"></script>
+    <script src="/jasmine/jasmine-5.1.2/boot0.js"></script>
+    <script src="/jasmine/jasmine-5.1.2/boot1.js"></script>
+    <script
+      type="module"
+      src="/src/directive/attrs/element-style.spec.js"
+    ></script>
+  </head>
+  <body>
+    <div id="dummy"></div>
+  </body>
+</html>

package/src/directive/attrs/element-style.test.js

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

package/src/directive/bind/bing-html.spec.js

@@ -23,7 +23,7 @@ describe("ngBindHtml", () => {
   it("should reset html when value is null or undefined", () => {
     const element = $compile('<div ng-bind-html="html"></div>')($rootScope);
 
-    forEach([null, undefined, ""], (val) => {
+    [null, undefined, ""].forEach((val) => {
       $rootScope.html = "some val";
       $rootScope.$digest();
       expect(element.html()).toEqual("some val");

package/src/directive/form/form.js

@@ -5,7 +5,6 @@ import {
   arrayRemove,
   isBoolean,
   snakeCase,
-  forEach,
   extend,
   isUndefined,
 } from "../../shared/utils";
@@ -215,32 +214,26 @@ FormController.prototype = {
     if (control.$name && this[control.$name] === control) {
       delete this[control.$name];
     }
-    forEach(
-      this.$pending,
-      function (value, name) {
+    this.$pending &&
+      Object.keys(this.$pending).forEach((name) => {
         this.$setValidity(name, null, control);
-      },
-      this,
-    );
-    forEach(
-      this.$error,
-      function (value, name) {
+      });
+    this.$error &&
+      Object.keys(this.$error).forEach((name) => {
         this.$setValidity(name, null, control);
-      },
-      this,
-    );
-    forEach(
-      this.$$success,
-      function (value, name) {
+      });
+    this.$$success &&
+      Object.keys(this.$$success).forEach((name) => {
         this.$setValidity(name, null, control);
-      },
-      this,
-    );
+      });
 
     arrayRemove(this.$$controls, control);
     control.$$parentForm = nullFormCtrl;
   },
 
+  // eslint-disable-next-line no-unused-vars
+  $setValidity: function (_a, _b, _c) {},
+
   /**
    * Sets the form to a dirty state.
    *

package/src/directive/if/if.spec.js

@@ -1,7 +1,6 @@
 import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
-import { forEach, valueFn } from "../../shared/utils";
+import { valueFn } from "../../shared/utils";
 import { Angular } from "../../loader";
-import { createInjector } from "../../core/di/injector";
 import { wait } from "../../shared/test-utils";
 
 describe("ngIf", () => {
@@ -37,7 +36,7 @@ describe("ngIf", () => {
     });
 
     function makeIf() {
-      forEach(arguments, (expr) => {
+      Array.from(arguments).forEach((expr) => {
         element.append(
           $compile(`<div class="my-class" ng-if="${expr}"><div>Hi</div></div>`)(
             $scope,

package/src/directive/if/if.test.js

@@ -87,7 +87,7 @@ test.describe("animations", () => {
     await expect(animated).toHaveClass(/ng-enter-active/);
 
     // Wait for the transition to complete
-    await page.waitForTimeout(500);
+    await page.waitForTimeout(100);
     await expect(animated).not.toHaveClass(/ng-enter/);
     await expect(animated).not.toHaveClass(/ng-enter-active/);
 
@@ -106,7 +106,6 @@ test.describe("animations", () => {
     await page.goto("src/directive/if/if-animate-css.html");
     await page.content();
     await page.click('button:has-text("Fade In!")');
-    await page.waitForTimeout(600);
     let animated = await page.locator("#circle");
     await expect(animated).not.toHaveClass(/ng-enter/);
     await expect(animated).not.toHaveClass(/ng-enter-active/);

package/src/directive/include/include.js

@@ -15,7 +15,7 @@ export const ngIncludeDirective = [
    * @returns
    */
   ($templateRequest, $anchorScroll, $animate) => ({
-    restrict: "ECA",
+    restrict: "EA",
     priority: 400,
     terminal: true,
     transclude: "element",
@@ -129,7 +129,7 @@ export const ngIncludeDirective = [
 export const ngIncludeFillContentDirective = [
   "$compile",
   ($compile) => ({
-    restrict: "ECA",
+    restrict: "EA",
     priority: -400,
     require: "ngInclude",
     link(scope, $element, _$attr, ctrl) {

package/src/directive/input/input.js

@@ -8,7 +8,6 @@ import {
   isNumber,
   isNumberNaN,
   isDate,
-  forEach,
   convertTimezoneToLocal,
   addDateMinutes,
   timezoneToOffset,
@@ -286,7 +285,7 @@ export function createDateParser(regexp, mapping) {
           map = { yyyy: 1970, MM: 1, dd: 1, HH: 0, mm: 0, ss: 0, sss: 0 };
         }
 
-        forEach(parts, (part, index) => {
+        Object.entries(parts).forEach(([index, part]) => {
           if (index < mapping.length) {
             map[mapping[index]] = +part;
           }