@duetds/cli 4.1.5 → 4.1.6

package/templates/angular/18.1.0-standalone/src/polyfills.ts

@@ -0,0 +1,62 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import "zone.js" // Included with Angular CLI.
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

package/templates/angular/18.1.0-standalone/src/styles.scss

@@ -0,0 +1,3 @@
+/* You can add global styles to this file, and also import other style files */
+@import "@duetds/css/lib/duet.min";
+@import "@duetds/tokens/lib/tokens.scss";

package/templates/angular/18.1.0-standalone/src/tests/app.test.ts

@@ -0,0 +1,13 @@
+import {currencyFormatFI} from "../utils/string.utils"
+
+describe('Example test of the jest setup running', () => {
+  test('formatter should format correctly', () => {
+    console.log(currencyFormatFI)
+    const formatStub = currencyFormatFI.format(12.90)
+    expect(formatStub).toBe("12,90 €")
+  });
+
+  test('Should do another thing', () => {
+    // do something...
+  });
+});

package/templates/angular/18.1.0-standalone/src/tests/playwright/playwright.test.ts

@@ -0,0 +1,54 @@
+import { test, expect } from '@playwright/test';
+
+ test.use({
+      viewport: { width: 1800, height: 2500 },
+      bypassCSP: true,
+      deviceScaleFactor: 1,
+    })
+
+
+test('angular test', async ({ page }, testInfo) => {
+  await page.waitForLoadState("networkidle") // This resolves after 'networkidle'
+  await page.waitForTimeout(1000 * testInfo.retry + 1)
+  await page.setViewportSize({ width: 1600, height: 1200 })
+
+
+  // initial loading
+  await page.goto("http://localhost:4200/");
+  await page.goto("http://localhost:4200/#/");
+  await page.locator('select');
+  expect(await page.screenshot()).toMatchSnapshot("angular_1.png", {maxDiffPixelRatio: 0.01});
+
+
+  // Select 2
+  await page.locator('select').selectOption('2');
+  await page.waitForLoadState("networkidle")
+  expect(await page.screenshot()).toMatchSnapshot("angular_2.png", {maxDiffPixelRatio: 0.01});
+
+
+  // Click input[type="number"]
+  await page.locator('input[type="number"]').click();
+  await page.locator('input[type="number"]').fill('500');
+  await page.locator('#step1').click();
+  await page.waitForLoadState("networkidle")
+  expect(await page.screenshot()).toMatchSnapshot("angular_3.png", {maxDiffPixelRatio: 0.01});
+
+
+  // summary loading
+  await page.locator('#step2').click();
+  await page.waitForLoadState("networkidle")
+  expect(await page.screenshot()).toMatchSnapshot("angular_4.png", {maxDiffPixelRatio: 0.01});
+
+
+  // summary displaying
+  await page.locator('#step3').click();
+  await page.waitForLoadState("networkidle") // This resolves after 'networkidle'
+  expect(await page.screenshot()).toMatchSnapshot("angular_5.png", {maxDiffPixelRatio: 0.01});
+
+
+
+  // Click code, store json
+  await page.locator('code').click();
+  expect(await page.textContent('code')).toMatchSnapshot('code.json');
+
+});

package/templates/angular/18.1.0-standalone/src/tests/playwright/playwright.test.ts-snapshots/code-chromium-darwin.json

@@ -0,0 +1,16 @@
+{
+  "investmentAmount": {
+    "agreement": "2",
+    "additionalInvestment": 500
+  },
+  "investmentOrigin": {
+    "salary": false,
+    "gift": false,
+    "heritage": false,
+    "entrepreneurialIncome": false,
+    "assets": false,
+    "otherIncome": false,
+    "investment": false,
+    "extras": null
+  }
+}

package/templates/angular/18.1.0-standalone/src/utils/string.utils.ts

@@ -0,0 +1 @@
+export const currencyFormatFI = new Intl.NumberFormat("fi-FI", { style: "currency", currency: "EUR" })

package/templates/angular/18.1.0-standalone/tsconfig.app.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.d.ts"]
+}

package/templates/angular/18.1.0-standalone/tsconfig.base.json

@@ -0,0 +1,17 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "esModuleInterop":true,
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2015",
+    "module": "es2020",
+    "lib": ["es2018", "dom"]
+  }
+}

package/templates/angular/18.1.0-standalone/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.d.ts", "src/**/*.ts"]
+}

package/templates/angular/18.1.0-standalone/tsconfig.spec.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": ["jest","jest-image-snapshot","node"],
+    "esModuleInterop": true,
+    "emitDecoratorMetadata": true 
+  },
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.d.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx"]
+}