@taiga-ui/cdk 3.44.0-canary.b3de48e → 3.44.1-canary.aa80e1e

package/schematics/ng-update/v3/tests/schematic-replace-enums.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3/tests/schematic-replace-enums.spec.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should replaces enums with strings and removes imports`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/app.component.ts`)).toEqual(`import {Component} from '@angular/core';
+import {some} from '@taiga-ui/cdk';
+import {TuiLineType} from '@taiga-ui/cdk';
+const lineType: TuiLineType = 'solid';
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent {
+   some = 'left';
+   some2 = 'string';
+   some3 = () => {
+   if(this.some2 === 'right') {
+   return
+   }
+   }
+   decimal = 'never';
+}`);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/app.component.ts`, `import {Component} from '@angular/core';
+import {TuiTextAlign, some} from '@taiga-ui/cdk';
+import {TuiLineType} from '@taiga-ui/cdk';
+import {TuiDecimal} from '@taiga-ui/core';
+
+const lineType: TuiLineType = TuiLineType.Solid;
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent {
+   some: TuiTextAlign = TuiTextAlign.Left;
+   some2 = 'string';
+   some3 = () => {
+   if(this.some2 === TuiTextAlign.Right) {
+   return
+   }
+   }
+   decimal = TuiDecimal.Never;
+}`);
+    ng_morph_1.createSourceFile(`test/app/app.template.html`, `<app></app>`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v3/tests/schematic-replace-functions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3/tests/schematic-replace-functions.spec.js

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable no-irregular-whitespace,rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const AFTER = `import {Component} from '@angular/core';
+import { tuiGetClosestFocusable } from '@taiga-ui/cdk';
+import {
+    TUI_NUMBER_FORMAT,
+    tuiFormatNumber,
+    TuiNumberFormatSettings,
+} from '@taiga-ui/core';
+
+element.focus();
+element.focus();
+element.focus();
+element.blur();
+element.focus({preventScroll: true});
+
+tuiFormatNumber(1000);
+tuiFormatNumber(1.234, {decimalLimit: 2, decimalSeparator: ',', thousandSeparator: ' ', zeroPadding: true});
+tuiFormatNumber(123.45, {decimalLimit: 3, decimalSeparator: '.', thousandSeparator: ' ', zeroPadding: true});
+tuiFormatNumber(12345.67, {decimalLimit: 4, decimalSeparator: ',', thousandSeparator: '.', zeroPadding: true});
+tuiFormatNumber(27, {decimalLimit: 5, decimalSeparator: ',', thousandSeparator: '.', zeroPadding: false});
+
+tuiGetClosestFocusable({initial: el, root: el, previous: false, keyboard: false});
+tuiGetClosestFocusable({initial: host, root: root, previous: previous, keyboard: true});
+tuiGetClosestFocusable({initial: button, root: wrapper, previous: prev, keyboard: true});
+tuiGetClosestFocusable({initial: host, root: host, previous: true, keyboard: true});
+
+const dynamicDecimalLimit = Math.random() > 0.5;
+const decimalSeparatorVariable = ',';
+const thousandSeparatorVariable = '_';
+const zeroPaddingVariable = false;
+tuiFormatNumber(42, {decimalLimit: dynamicDecimalLimit === null ? Infinity : dynamicDecimalLimit, decimalSeparator: decimalSeparatorVariable, thousandSeparator: thousandSeparatorVariable, zeroPadding: zeroPaddingVariable});
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent extends AbstractTuiController {
+    some = number ?? 5;
+
+    get formattedNumber(): number {
+        return tuiFormatNumber(Math.floor(rawNumber), {decimalLimit: Infinity, decimalSeparator: this.numberFormat.decimalSeparator, thousandSeparator: this.numberFormat.thousandSeparator, zeroPadding: true});
+    }
+
+    method(): void {
+        return someFn(b ?? "some");
+    }
+
+    get formattedDayPart(): string {
+        this.some = '1000'.padStart(10, " ");
+        return String(this.day).padStart(2, '0');
+    }
+
+    test(): void {
+        tuiGetClosestFocusable({initial: this.host, root: this.elementRef.nativeElement, previous: false, keyboard: true});
+        tuiGetClosestFocusable({initial: wrapper, root: this.elementRef.nativeElement, previous: true, keyboard: false});
+        const focusable = tuiGetClosestFocusable({initial: this.elementRef.nativeElement, root: this.elementRef.nativeElement, previous: false, keyboard: true});
+        const focusable = tuiGetClosestFocusable({initial: initial, root: this.wrapper.nativeElement, previous: !first, keyboard: true});
+    }
+
+    constructor(@Inject(TUI_NUMBER_FORMAT) private readonly numberFormat: TuiNumberFormatSettings) {}
+
+    private hasClosest(suitableNode: any, selector: string): void {
+        const element = (suitableNode as Element).closest(selector);
+        return Boolean(element);
+    }
+}
+
+expect(element.closest('div')).toEqual(div);
+
+const event = new CustomEvent("hello", {
+               bubbles: true,
+               cancelable: true,
+               detail: true,
+           });
+`;
+const BEFORE = `import {Component} from '@angular/core';
+import { fallbackValue, tuiCustomEvent, getClosestElement, padStart, tuiGetClosestFocusable, tuiSetNativeFocused, setNativeFocused } from '@taiga-ui/cdk';
+import {
+    TUI_NUMBER_FORMAT,
+    tuiFormatNumber,
+    TuiNumberFormatSettings,
+} from '@taiga-ui/core';
+
+setNativeFocused(element);
+tuiSetNativeFocused(element);
+tuiSetNativeFocused(element, true);
+tuiSetNativeFocused(element, false);
+tuiSetNativeFocused(element, true, true);
+
+tuiFormatNumber(1000);
+tuiFormatNumber(1.234, 2);
+tuiFormatNumber(123.45, 3, '.');
+tuiFormatNumber(12345.67, 4, ',', '.');
+tuiFormatNumber(27, 5, ',', '.', false);
+
+tuiGetClosestFocusable(el, false, el, false);
+tuiGetClosestFocusable(host, previous, root);
+tuiGetClosestFocusable(button, prev, wrapper);
+tuiGetClosestFocusable(host, true, host, true);
+
+const dynamicDecimalLimit = Math.random() > 0.5;
+const decimalSeparatorVariable = ',';
+const thousandSeparatorVariable = '_';
+const zeroPaddingVariable = false;
+tuiFormatNumber(42, dynamicDecimalLimit, decimalSeparatorVariable, thousandSeparatorVariable, zeroPaddingVariable);
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent extends AbstractTuiController {
+    some = fallbackValue(number, 5);
+
+    get formattedNumber(): number {
+        return tuiFormatNumber(
+            Math.floor(rawNumber),
+            null,
+            this.numberFormat.decimalSeparator,
+            this.numberFormat.thousandSeparator,
+        );
+    }
+
+    method(): void {
+        return someFn(fallbackValue<string>(b, "some"));
+    }
+
+    get formattedDayPart(): string {
+        this.some = padStart('1000', 10);
+        return padStart(String(this.day), 2, '0');
+    }
+
+    test(): void {
+        tuiGetClosestFocusable(this.host, false, this.elementRef.nativeElement);
+        tuiGetClosestFocusable(wrapper, true, this.elementRef.nativeElement, false);
+        const focusable = tuiGetClosestFocusable(
+            this.elementRef.nativeElement,
+            false,
+            this.elementRef.nativeElement,
+        );
+        const focusable = tuiGetClosestFocusable(
+            initial,
+            !first,
+            this.wrapper.nativeElement,
+        );
+    }
+
+    constructor(@Inject(TUI_NUMBER_FORMAT) private readonly numberFormat: TuiNumberFormatSettings) {}
+
+    private hasClosest(suitableNode: any, selector: string): void {
+        const element = getClosestElement(suitableNode as Element, selector);
+        return Boolean(element);
+    }
+}
+
+expect(getClosestElement(element, 'div')).toEqual(div);
+
+const event = tuiCustomEvent(
+           "hello",
+           {
+               bubbles: true,
+               cancelable: true,
+               detail: true,
+           },
+           document,
+       );
+`;
+describe(`replace functions (depth of file structure = 1)`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should replace functions`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app.component.ts`)).toEqual(AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app.component.ts`, BEFORE);
+    ng_morph_1.createSourceFile(`test/app.template.html`, `<app></app>`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v3/tests/schematic-replace-html.spec.d.ts

@@ -0,0 +1 @@
+export {};