wrestlingdev.com/cypress-tests/cypress/e2e/04-matstats_functionality.cy.js

// Notes for test maintenance:
// 1. This test checks for existence of Mat 1 before creating it, so we don't create duplicates
// 2. When running as part of the test suite, there may be issues with multiple elements matching the same selector
// 3. If needed, add { multiple: true } to click() calls or make selectors more specific with .first()
// 4. If encountering "element has detached from DOM" errors, try breaking up chains or adding cy.wait() between operations

describe('Matstats Page Functionality', () => {
  // Don't fail tests on uncaught exceptions
  Cypress.on('uncaught:exception', (err, runnable) => {
    // returning false here prevents Cypress from failing the test
    return false;
  });
  
  beforeEach(() => {
     // Use cy.session() with the login helper
     cy.session('authUser', () => {
        cy.login(); // Assume cy.login() is defined in commands.js
      });
      cy.visit('/');
      cy.contains('Browse Tournaments').first().click();
      cy.contains('Cypress Test Tournament - Pool to bracket').click();
      cy.contains('a', 'Mat 1').first().click();
  });

  it('should update stats when scoring actions are clicked', () => {    
    // Check that elements are visible
    cy.get('#match_w1_stat').should('be.visible');
    cy.get('#match_w2_stat').should('be.visible');
    
    // Test takedown button for wrestler A
    cy.get('#w1-takedown').click();
    cy.get('#match_w1_stat').should('contain.value', 'T3');
    
    // Test escape button for wrestler B
    cy.get('#w2-escape').click();
    cy.get('#match_w2_stat').should('contain.value', 'E1');
    
    // Test reversal button for wrestler A
    cy.get('#w1-reversal').click();
    cy.get('#match_w1_stat').should('contain.value', 'R2');
    
    // Test near fall buttons for wrestler B
    cy.get('#w2-nf2').click();
    cy.get('#match_w2_stat').should('contain.value', 'N2');
    
    // End period 
    cy.contains('End Period').click();
    cy.get('#match_w1_stat').should('contain.value', '|End Period|');
    cy.get('#match_w2_stat').should('contain.value', '|End Period|');
  });

  it('should test color change functionality', () => {
    // Test color change for Wrestler A from green to red
    cy.get('#w1-color').select('red');
    
    // Verify button colors changed for wrestler A (now red)
    cy.get('#w1-takedown').should('have.class', 'btn-danger');
    cy.get('#w1-escape').should('have.class', 'btn-danger');
    
    // Verify wrestler B's buttons are now green
    cy.get('#w2-takedown').should('have.class', 'btn-success');
    cy.get('#w2-escape').should('have.class', 'btn-success');
    
    // Switch back
    cy.get('#w2-color').select('red');
    
    // Verify colors switched back
    cy.get('#w1-takedown').should('have.class', 'btn-success');
    cy.get('#w2-takedown').should('have.class', 'btn-danger');
  });
  
  it('should test wrestler choice buttons', () => {
    // Test wrestler A choosing top
    cy.get('#w1-top').click();
    cy.get('#match_w1_stat').should('contain.value', '|Chose Top|');
    
    // Test wrestler B choosing bottom
    cy.get('#w2-bottom').click();
    cy.get('#match_w2_stat').should('contain.value', '|Chose Bottom|');
    
    // Test wrestler A deferring
    cy.get('#w1-defer').click();
    cy.get('#match_w1_stat').should('contain.value', '|Deferred|');
    
    // Test wrestler B choosing neutral
    cy.get('#w2-neutral').click();
    cy.get('#match_w2_stat').should('contain.value', '|Chose Neutral|');
  });
  
  it('should test warning buttons', () => {
    // Test stalling warning for wrestler A
    cy.get('#w1-stalling').click();
    cy.get('#match_w1_stat').should('contain.value', 'S');
    
    // Test caution for wrestler B
    cy.get('#w2-caution').click();
    cy.get('#match_w2_stat').should('contain.value', 'C');
  });
  
  it('should test timer functionality', () => {
    // Start injury timer for wrestler A
    cy.get('#w1-injury-time').should('be.visible');
    // Check initial timer value - accept either format
    cy.get('#w1-injury-time').invoke('text').then((text) => {
      expect(text.trim()).to.match(/^(0 sec|0m 0s)$/);
    });
    
    cy.contains('button', 'Start').first().click();
    
    // Wait a bit and check that timer is running
    cy.wait(2000);
    // Verify timer is no longer at zero
    cy.get('#w1-injury-time').invoke('text').then((text) => {
      expect(text.trim()).not.to.match(/^(0 sec|0m 0s)$/);
    });
    
    // Stop the timer
    cy.contains('button', 'Stop').first().click();
    
    // Store the current time
    let currentTime;
    cy.get('#w1-injury-time').invoke('text').then((text) => {
      currentTime = text;
    });
    
    // Wait a bit to ensure timer stopped
    cy.wait(1000);
    
    // Verify timer stopped by checking the time hasn't changed
    cy.get('#w1-injury-time').invoke('text').then((newText) => {
      expect(newText).to.equal(currentTime);
    });
    
    // Test reset button
    cy.contains('button', 'Reset').first().click();
    // Verify timer reset - accept either format
    cy.get('#w1-injury-time').invoke('text').then((text) => {
      expect(text.trim()).to.match(/^(0 sec|0m 0s)$/);
    });
    
    // Check that injury time was recorded in stats
    cy.get('#match_w1_stat').invoke('val').then((val) => {
      expect(val).to.include('Injury Time');
    });
  });
  
  it('should test match results form validation', () => {
    // Only attempt this test if the match_win_type element exists
    cy.get('body').then(($body) => {
      if ($body.find('#match_win_type').length) {
        // 1. Test Decision win type with no winner selected
        cy.get('#match_win_type').select('Decision');
        
        // Wait for dynamic fields to update
        cy.wait(300);
        
        // Verify correct form fields appear
        cy.get('#winner-score').should('exist');
        cy.get('#loser-score').should('exist');
        
        // Enter valid scores for Decision
        cy.get('#winner-score').clear().type('5');
        cy.get('#loser-score').clear().type('2');
        
        // Without a winner, form should show validation error
        cy.get('#validation-alerts').should('be.visible')
          .and('contain.text', 'Please select a winner');
        cy.get('#update-match-btn').should('be.disabled');
        
        // 2. Test invalid score scenario (loser score > winner score)
        cy.get('#winner-score').clear().type('2');
        cy.get('#loser-score').clear().type('5');
        
        cy.get('#validation-alerts').should('be.visible')
          .and('contain.text', 'Winner\'s score must be higher than loser\'s score');
        cy.get('#update-match-btn').should('be.disabled');
        
        // 3. Fix scores and select a winner
        cy.get('#winner-score').clear().type('5');
        cy.get('#loser-score').clear().type('2');
        cy.get('#match_winner_id').select(1);
        
        // Now validation should pass for Decision
        cy.get('#validation-alerts').should('not.be.visible');
        cy.get('#update-match-btn').should('not.be.disabled');
        
        // 4. Test Major score range validation
        cy.get('#winner-score').clear().type('10');
        cy.get('#loser-score').clear().type('2');
        // Score difference is 8, should require Major
        cy.get('#validation-alerts').should('be.visible')
          .and('contain.text', 'Win type should be');
        cy.get('#update-match-btn').should('be.disabled');
        
        // 5. Fix by changing win type to Major
        cy.get('#match_win_type').select('Major');
        cy.wait(300);
        
        // Validation should now pass
        cy.get('#validation-alerts').should('not.be.visible');
        cy.get('#update-match-btn').should('not.be.disabled');
        
        // 6. Test Tech Fall score range validation
        cy.get('#winner-score').clear().type('17');
        cy.get('#loser-score').clear().type('2');
        // Score difference is 15, should require Tech Fall
        cy.get('#validation-alerts').should('be.visible')
          .and('contain.text', 'Win type should be');
        cy.get('#update-match-btn').should('be.disabled');
        
        // 7. Fix by changing win type to Tech Fall
        cy.get('#match_win_type').select('Tech Fall');
        cy.wait(300);
        
        // Validation should now pass
        cy.get('#validation-alerts').should('not.be.visible');
        cy.get('#update-match-btn').should('not.be.disabled');
        
        // 8. Test Pin win type form
        cy.get('#match_win_type').select('Pin');
        cy.wait(300);
        
        // Should show pin time inputs
        cy.get('#minutes').should('exist');
        cy.get('#seconds').should('exist');
        cy.get('#pin-time-tip').should('be.visible');
        
        // Winner still required
        cy.get('#validation-alerts').should('not.be.visible'); // Previous winner selection should still be valid
        
        // 9. Test other win types (no score input)
        cy.get('#match_win_type').select('Forfeit');
        cy.wait(300);
        
        // Should not show score inputs
        cy.get('#dynamic-score-input').should('be.empty');
        
        // Winner still required
        cy.get('#validation-alerts').should('not.be.visible'); // Previous winner selection should still be valid
      } else {
        cy.log('Match form not present - test conditionally passed');
      }
    });
  });

  it('should display final score fields without requiring page refresh', () => {
    // Check if we're on a mat page with match form
    cy.get('body').then(($body) => {
      if ($body.find('#match_win_type').length) {
        // Test Decision type first
        cy.get('#match_win_type').select('Decision');
        cy.wait(300);
        cy.get('#dynamic-score-input').should('exist');
        cy.get('#winner-score').should('exist');
        cy.get('#loser-score').should('exist');
        
        // Test Pin type
        cy.get('#match_win_type').select('Pin');
        cy.wait(300);
        cy.get('#minutes').should('exist');
        cy.get('#seconds').should('exist');
        cy.get('#pin-time-tip').should('be.visible');
        
        // Test other types
        cy.get('#match_win_type').select('Forfeit');
        cy.wait(300);
        cy.get('#dynamic-score-input').should('be.empty');
        
        cy.log('Final score fields load correctly without page refresh');
      } else {
        cy.log('Match form not present - test conditionally passed');
      }
    });
  });
});