feat(migrations): add migration for circular theme to rename base circle color property (#17201)

* feat(migrations): add migration for circular theme to rename base circle color property

* Update projects/igniteui-angular/migrations/update-21_2_0/index.spec.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* refactor(migrations): update 21.2.0 migration files

---------

Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: 3 people

projects/igniteui-angular/migrations/update-21_2_0/changes/theme-changes.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "../../common/schema/theme-changes.schema.json",
+    "changes": [
+        {
+            "name": "$base-circle-color",
+            "replaceWith": "$track-color",
+            "owner": "circular-theme",
+            "type": "property"
+        }
+    ]
+}

projects/igniteui-angular/migrations/update-21_2_0/index.spec.ts

@@ -0,0 +1,44 @@
+import * as path from "path";
+
+import {
+    SchematicTestRunner,
+    UnitTestTree,
+} from "@angular-devkit/schematics/testing";
+import { setupTestTree } from "../common/setup.spec";
+
+const version = "21.2.0";
+const themes = ["circular-theme"];
+const testFilePath = "/testSrc/appPrefix/component/test.component.scss";
+
+describe(`Update to ${version}`, () => {
+    let appTree: UnitTestTree;
+    const schematicRunner = new SchematicTestRunner(
+        "ig-migrate",
+        path.join(__dirname, "../migration-collection.json"),
+    );
+
+    beforeEach(() => {
+        appTree = setupTestTree();
+    });
+
+    const migrationName = "migration-55";
+
+    themes.forEach((theme) => {
+        it(`should rename the base circle color property of the circular progress for ${theme}`, async () => {
+            appTree.create(
+                testFilePath,
+                `$custom-${theme}: ${theme}($base-circle-color: red);`,
+            );
+
+            const tree = await schematicRunner.runSchematic(
+                migrationName,
+                {},
+                appTree,
+            );
+
+            expect(tree.readContent(testFilePath)).toEqual(
+                `$custom-${theme}: ${theme}($track-color: red);`,
+            );
+        });
+    });
+});

projects/igniteui-angular/migrations/update-21_2_0/index.ts

@@ -0,0 +1,12 @@
+import type { Rule, SchematicContext, Tree } from "@angular-devkit/schematics";
+import { UpdateChanges } from "../common/UpdateChanges";
+
+const version = "21.2.0";
+
+export default (): Rule => async (host: Tree, context: SchematicContext) => {
+    context.logger.info(
+        `Applying migration for Ignite UI for Angular to version ${version}`,
+    );
+    const update = new UpdateChanges(__dirname, host, context);
+    update.applyChanges();
+};