From a6750dc92c8677879db1295e320936b7311bb193 Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Tue, 18 Jun 2024 10:46:50 -0700
Subject: [PATCH] test(icon): add component token E2E tests (#9595)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Related Issue:** #7180

## Summary

✨🧪✨
---
 .../src/components/icon/icon.e2e.ts           | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/calcite-components/src/components/icon/icon.e2e.ts b/packages/calcite-components/src/components/icon/icon.e2e.ts
index 4e8072af2d3..6a0d5fc4923 100644
--- a/packages/calcite-components/src/components/icon/icon.e2e.ts
+++ b/packages/calcite-components/src/components/icon/icon.e2e.ts
@@ -1,5 +1,5 @@
 import { newE2EPage } from "@stencil/core/testing";
-import { accessible, defaults, hidden, reflects, renders } from "../../tests/commonTests";
+import { accessible, defaults, hidden, reflects, renders, themed } from "../../tests/commonTests";
 import { CSS } from "./resources";
 import { scaleToPx } from "./utils";
 
@@ -106,4 +106,22 @@ describe("calcite-icon", () => {
       );
     });
   });
+
+  describe("theme", () => {
+    describe("default", () => {
+      themed("calcite-icon", {
+        "--calcite-icon-color": {
+          targetProp: "color",
+        },
+      });
+    });
+
+    describe("deprecated", () => {
+      themed("calcite-icon", {
+        "--calcite-ui-icon-color": {
+          targetProp: "color",
+        },
+      });
+    });
+  });
 });