Exploring Cypress selectors for failing table test

Author: directcuteo

frontend/cypress/e2e/block-production/won-slots/table.cy.ts

@@ -52,47 +52,49 @@ describe('BLOCK PRODUCTION WON SLOTS TABLE', () => {
       .its('store')
       .then(getBPWonSlots)
       .then((state: BlockProductionWonSlotsState) => {
-        if (state && state.slots) {
-          cy.task('log', state.slots.length.toString());
-        }
-        cy.task('log', condition(state).toString());
-        // This WILL show in CI logs
-        cy.task('log', '🔍 Starting table structure debug...');
-
-        cy.get('mina-block-production-won-slots-table', { timeout: 15000 })
-          .should('exist')
-          .then(() => {
-            cy.task('log', '✅ Main table element found');
-          });
+        if (condition(state)) {
+          if (state && state.slots) {
+            cy.task('log', state.slots.length.toString());
+          }
+          cy.task('log', condition(state).toString());
+          // This WILL show in CI logs
+          cy.task('log', '🔍 Starting table structure debug...');
+
+          cy.get('mina-block-production-won-slots-table', { timeout: 15000 })
+            .should('exist')
+            .then(() => {
+              cy.task('log', '✅ Main table element found');
+            });
 
-        cy.get('mina-block-production-won-slots-table .head', { timeout: 15000 })
-          .should('exist')
-          .then(($head) => {
-            cy.task('log', `✅ Table head found, length: ${$head.length}`);
-            cy.task('log', `Head HTML: ${$head.html()}`);
-          });
+          cy.get('mina-block-production-won-slots-table .head', { timeout: 15000 })
+            .should('exist')
+            .then(($head) => {
+              cy.task('log', `✅ Table head found, length: ${$head.length}`);
+              cy.task('log', `Head HTML: ${$head.html()}`);
+            });
 
-        cy.get('mina-block-production-won-slots-table .head > span')
-          .should('exist')
-          .then(($spans) => {
-            cy.task('log', `✅ Header spans found, count: ${$spans.length}`);
-            $spans.each((index, span) => {
-              cy.task('log', `Span ${index + 1}: "${span.textContent}" Visible: ${Cypress.$(span).is(':visible')}`);
+          cy.get('mina-block-production-won-slots-table .head > span')
+            .should('exist')
+            .then(($spans) => {
+              cy.task('log', `✅ Header spans found, count: ${$spans.length}`);
+              $spans.each((index, span) => {
+                cy.task('log', `Span ${index + 1}: "${span.textContent}" Visible: ${Cypress.$(span).is(':visible')}`);
+              });
             });
-          });
 
-        // Test the exact failing selector
-        cy.get('body').then(() => {
-          // Check if the element exists at all
-          const element = Cypress.$('mina-block-production-won-slots-table .head > span:nth-child(1)');
-          cy.task('log', `❓ nth-child(1) selector found: ${element.length} elements`);
+          // Test the exact failing selector
+          cy.get('body').then(() => {
+            // Check if the element exists at all
+            const element = Cypress.$('mina-block-production-won-slots-table .head > span:nth-child(1)');
+            cy.task('log', `❓ nth-child(1) selector found: ${element.length} elements`);
 
-          if (element.length > 0) {
-            cy.task('log', `Element text: "${element.text()}"`);
-            cy.task('log', `Element visible: ${element.is(':visible')}`);
-            cy.task('log', `Element position: ${JSON.stringify(element.offset())}`);
-          }
-        });
+            if (element.length > 0) {
+              cy.task('log', `Element text: "${element.text()}"`);
+              cy.task('log', `Element visible: ${element.is(':visible')}`);
+              cy.task('log', `Element position: ${JSON.stringify(element.offset())}`);
+            }
+          });
+        }
       });
   }));