test: fix unstable tests after cypress update (#5265)

Author: Lukas742

packages/main/src/components/Grid/Grid.cy.tsx

@@ -75,24 +75,24 @@ describe('Grid', () => {
           {CustomItems}
         </Grid>
       );
-      cy.findAllByTestId('grid-item').parent().should('have.css', 'grid-column', `span ${range.defaultSpan} / auto`);
-      cy.findByTestId('custom-span').parent().should('have.css', 'grid-column', `span 12 / auto`);
+      cy.findAllByTestId('grid-item').parent().should('have.css', 'grid-column', `span ${range.defaultSpan}`);
+      cy.findByTestId('custom-span').parent().should('have.css', 'grid-column', `span 12`);
       cy.get('[data-component-name="GridIndentSpacer"]')
         .should('have.length', '1')
-        .should('have.css', 'grid-column', `span 1 / auto`);
+        .should('have.css', 'grid-column', 'span 1');
       cy.mount(
         <Grid defaultSpan="XL4 L3 M2 S1" defaultIndent="XL4 L5 M6 S7">
           {GridContent}
           {CustomItems}
         </Grid>
       );
-      cy.findAllByTestId('grid-item').parent().should('have.css', 'grid-column', `span ${range.customSpan} / auto`);
-      cy.findByTestId('custom-span').parent().should('have.css', 'grid-column', `span 12 / auto`);
+      cy.findAllByTestId('grid-item').parent().should('have.css', 'grid-column', `span ${range.customSpan}`);
+      cy.findByTestId('custom-span').parent().should('have.css', 'grid-column', `span 12`);
       cy.get('[data-component-name="GridIndentSpacer"]').each(($el, index, arr) => {
         if (arr.length - 1 === index) {
-          cy.wrap($el).should('have.css', 'grid-column', `span 1 / auto`);
+          cy.wrap($el).should('have.css', 'grid-column', 'span 1');
         } else {
-          cy.wrap($el).should('have.css', 'grid-column', `span ${range.customIndent} / auto`);
+          cy.wrap($el).should('have.css', 'grid-column', `span ${range.customIndent}`);
         }
       });
     });

packages/main/src/components/ResponsiveGridLayout/ResponsiveGridLayout.cy.tsx

@@ -93,9 +93,9 @@ describe('ResponsiveGridLayout', () => {
         <div style={{ height: '100px', background: 'skyblue' }} data-testid={'2'} />
       </ResponsiveGridLayout>
     );
-    cy.findByTestId('0').should('have.css', 'grid-column', 'span 2 / auto');
-    cy.findByTestId('1').should('have.css', 'grid-column', 'span 5 / auto');
-    cy.findByTestId('2').should('have.css', 'grid-column', 'span 1 / auto');
+    cy.findByTestId('0').should('have.css', 'grid-column', 'span 2');
+    cy.findByTestId('1').should('have.css', 'grid-column', 'span 5');
+    cy.findByTestId('2').should('have.css', 'grid-column', 'span 1');
   });
 
   cypressPassThroughTestsFactory(ResponsiveGridLayout);

packages/main/src/components/SelectDialog/SelectDialog.cy.tsx

@@ -31,11 +31,7 @@ describe('SelectDialog', () => {
         {listItems}
       </SelectDialog>
     );
-    cy.findByText('Select Dialog').should(
-      'have.css',
-      'grid-area',
-      'titleCenter / titleCenter / titleCenter / titleCenter'
-    );
+    cy.findByText('Select Dialog').should('have.css', 'grid-area', 'titleCenter');
   });
 
   it('selection', () => {