diff --git a/core/src/components/breadcrumbs/test/breadcrumbs.spec.ts b/core/src/components/breadcrumbs/test/breadcrumbs.spec.ts
index 9166df3d81b..d305df1cb4c 100644
--- a/core/src/components/breadcrumbs/test/breadcrumbs.spec.ts
+++ b/core/src/components/breadcrumbs/test/breadcrumbs.spec.ts
@@ -51,3 +51,18 @@ it('should exclude the separator from narrators', async () => {
 
   expect(separator.getAttribute('aria-hidden')).toBe('true');
 });
+
+it('should have color attribute', async () => {
+  const page = await newSpecPage({
+    components: [Breadcrumb, Breadcrumbs],
+    html: `
+      <ion-breadcrumbs color="danger">
+        <ion-breadcrumb>First</ion-breadcrumb>
+      </ion-breadcrumbs>
+    `,
+  });
+
+  const breadcrumbs = page.body.querySelector('ion-breadcrumbs');
+
+  expect(breadcrumbs.hasAttribute('color')).toBe(true);
+});
diff --git a/packages/vue/test/base/tests/e2e/specs/breadcrumbs.cy.js b/packages/vue/test/base/tests/e2e/specs/breadcrumbs.cy.js
deleted file mode 100644
index a98f7853e69..00000000000
--- a/packages/vue/test/base/tests/e2e/specs/breadcrumbs.cy.js
+++ /dev/null
@@ -1,9 +0,0 @@
-describe("Components: Breadcrumbs", () => {
-  beforeEach(() => {
-    cy.visit("http://localhost:8080/components/breadcrumbs");
-  });
-
-  it("should have color attribute", () => {
-    cy.get('ion-breadcrumbs#color').should('have.prop', 'color');
-  });
-});