From 9fdb8a0896209c7d51d354dd0da8cfb7a9f664b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= <oliver.schuerch@post.ch>
Date: Wed, 22 May 2024 14:13:24 +0200
Subject: [PATCH] test(components): updating icon and icon slot elements in e2e
 tests of card-control component

---
 .../components/cypress/e2e/card-control.cy.ts | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/components/cypress/e2e/card-control.cy.ts b/packages/components/cypress/e2e/card-control.cy.ts
index 4d1b2d6beb..defc851015 100644
--- a/packages/components/cypress/e2e/card-control.cy.ts
+++ b/packages/components/cypress/e2e/card-control.cy.ts
@@ -11,8 +11,6 @@ describe('Card-Control', () => {
       cy.get('@card-control').find('.card-control').as('wrapper');
       cy.get('@card-control').find('input.card-control--input').as('input');
       cy.get('@card-control').find('label.card-control--label').as('label');
-      cy.get('@card-control').find('.card-control--icon').as('icon');
-      cy.get('@card-control').find('.card-control--icon slot[name="icon"]').as('slotIcon');
     });
 
     it('should have no console errors', () => {
@@ -26,8 +24,8 @@ describe('Card-Control', () => {
 
       cy.get('@label').should('exist');
 
-      cy.get('@icon').should('exist');
-      cy.get('@slotIcon').should('exist');
+      cy.get('@card-control').find('.card-control--icon').should('not.exist');
+      cy.get('@card-control').find('.card-control--icon slot[name="icon"]').should('not.exist');
     });
 
     it('should have mandatory attributes', () => {
@@ -151,15 +149,19 @@ describe('Card-Control', () => {
     });
 
     it('should set icon "name" attr according to "icon" prop', () => {
-      cy.get('@slotIcon').find('post-icon').should('not.exist');
-      cy.get('@card-control').invoke('attr', 'icon', '1000');
-      cy.get('@slotIcon')
-        .find('post-icon')
+      cy.get('@card-control')
+        .find('.card-control--icon slot[name="icon"] post-icon')
+        .should('not.exist');
+      cy.get('@card-control')
+        .invoke('attr', 'icon', '1000')
+        .find('.card-control--icon slot[name="icon"] post-icon')
         .should('exist')
         .find('[style*="/1000.svg"]')
         .should('exist');
-      cy.get('@card-control').invoke('removeAttr', 'icon');
-      cy.get('@slotIcon').find('post-icon').should('not.exist');
+      cy.get('@card-control')
+        .invoke('removeAttr', 'icon')
+        .find('.card-control--icon slot[name="icon"] post-icon')
+        .should('not.exist');
     });
   });
 
@@ -306,8 +308,6 @@ describe('Card-Control', () => {
       cy.get('@card-control').find('.card-control').as('wrapper');
       cy.get('@card-control').find('input.card-control--input').as('input');
       cy.get('@card-control').find('label.card-control--label').as('label');
-      cy.get('@card-control').find('.card-control--icon').as('icon');
-      cy.get('@card-control').find('.card-control--icon slot[name="icon"]').as('slotIcon');
     });
     it('should update surrounding form when toggled', () => {
       cy.get('@form').then($form => {