mirror of
https://github.com/jcwimer/wrestlingApp
synced 2026-03-24 17:04:43 +00:00
402 lines
17 KiB
JavaScript
402 lines
17 KiB
JavaScript
// 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();
|
|
|
|
// Wait for page to load and intercept mat clicks to handle Turbo transitions
|
|
cy.intercept('GET', '/mats/*').as('loadMat');
|
|
cy.contains('a', 'Mat 1').first().click();
|
|
cy.wait('@loadMat');
|
|
|
|
// Ensure the page has fully loaded with a longer timeout
|
|
cy.get('body', { timeout: 15000 }).should('be.visible');
|
|
|
|
// Additional wait to ensure all buttons are fully rendered
|
|
cy.wait(2000);
|
|
});
|
|
|
|
it('should update stats when scoring actions are clicked', () => {
|
|
// Check that elements are visible with robust waiting
|
|
cy.get('#match_w1_stat', { timeout: 10000 }).should('be.visible');
|
|
cy.get('#match_w2_stat', { timeout: 10000 }).should('be.visible');
|
|
|
|
// Verify scoring buttons are visible before proceeding
|
|
cy.get('#w1-takedown', { timeout: 10000 }).should('be.visible').should('be.enabled');
|
|
cy.get('#w2-escape', { timeout: 10000 }).should('be.visible').should('be.enabled');
|
|
cy.get('#w1-reversal', { timeout: 10000 }).should('be.visible').should('be.enabled');
|
|
|
|
// Wait for the w2-nf2 button to be visible before proceeding
|
|
cy.get('#w2-nf2', { timeout: 10000 }).should('be.visible').should('be.enabled');
|
|
|
|
// Test takedown button for wrestler A
|
|
cy.get('#w1-takedown').click();
|
|
cy.get('#match_w1_stat').should('contain.value', 'T3');
|
|
|
|
// Small wait between actions to let the UI update
|
|
cy.wait(300);
|
|
|
|
// Test escape button for wrestler B
|
|
cy.get('#w2-escape').click();
|
|
cy.get('#match_w2_stat').should('contain.value', 'E1');
|
|
|
|
// Small wait between actions to let the UI update
|
|
cy.wait(300);
|
|
|
|
// Test reversal button for wrestler A
|
|
cy.get('#w1-reversal').click();
|
|
cy.get('#match_w1_stat').should('contain.value', 'R2');
|
|
|
|
// Small wait between actions to let the UI update
|
|
cy.wait(300);
|
|
|
|
// Test near fall button for wrestler B
|
|
cy.get('#w2-nf2').click();
|
|
cy.get('#match_w2_stat').should('contain.value', 'N2');
|
|
|
|
// Small wait between actions to let the UI update
|
|
cy.wait(300);
|
|
|
|
// End period
|
|
cy.contains('End Period', { timeout: 10000 }).should('be.visible').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', () => {
|
|
// Ensure page is completely loaded before proceeding
|
|
cy.wait(1000);
|
|
|
|
// Check if w1-color-button exists and is visible first
|
|
cy.get('body').then(($body) => {
|
|
if ($body.find('#w1-color-button').length) {
|
|
// Wait for the button to be fully visible and enabled before clicking
|
|
cy.get('#w1-color-button', { timeout: 10000 }).should('be.visible').should('be.enabled').wait(500);
|
|
|
|
// Test color change for Wrestler 1
|
|
cy.get('#w1-color-button').click();
|
|
cy.wait(500); // Wait for color changes to take effect
|
|
|
|
// Verify button colors changed for wrestler 1 (now green)
|
|
cy.get('.wrestler-1', { timeout: 5000 }).should('have.class', 'btn-success');
|
|
cy.get('#w1-takedown', { timeout: 5000 }).should('have.class', 'btn-success');
|
|
cy.get('#w1-escape', { timeout: 5000 }).should('have.class', 'btn-success');
|
|
|
|
// Verify wrestler 2's buttons are now red
|
|
cy.get('.wrestler-2', { timeout: 5000 }).should('have.class', 'btn-danger');
|
|
cy.get('#w2-takedown', { timeout: 5000 }).should('have.class', 'btn-danger');
|
|
cy.get('#w2-escape', { timeout: 5000 }).should('have.class', 'btn-danger');
|
|
|
|
// Wait before clicking again
|
|
cy.wait(500);
|
|
|
|
// Check if w2-color-button exists and is visible
|
|
cy.get('#w2-color-button', { timeout: 10000 }).should('be.visible').should('be.enabled').wait(500);
|
|
|
|
// Switch back
|
|
cy.get('#w2-color-button').click();
|
|
cy.wait(500); // Wait for color changes to take effect
|
|
|
|
// Verify colors switched back
|
|
cy.get('.wrestler-1', { timeout: 5000 }).should('have.class', 'btn-danger');
|
|
cy.get('#w2-takedown', { timeout: 5000 }).should('have.class', 'btn-success');
|
|
} else {
|
|
cy.log('Color button not found - test conditionally skipped');
|
|
}
|
|
});
|
|
});
|
|
|
|
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 multiple formats
|
|
cy.get('#w1-injury-time').invoke('text').then((text) => {
|
|
expect(text.trim()).to.match(/^(0 sec|0m 0s|0)$/);
|
|
});
|
|
|
|
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|0)$/);
|
|
});
|
|
|
|
// 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 multiple formats
|
|
cy.get('#w1-injury-time').invoke('text').then((text) => {
|
|
expect(text.trim()).to.match(/^(0 sec|0m 0s|0)$/);
|
|
});
|
|
|
|
// 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 with longer timeout
|
|
cy.wait(500);
|
|
|
|
// Ensure dynamic score input is loaded before proceeding
|
|
cy.get('#dynamic-score-input').should('be.visible');
|
|
|
|
// Verify correct form fields appear with longer timeout
|
|
cy.get('#winner-score', { timeout: 5000 }).should('exist');
|
|
cy.get('#loser-score', { timeout: 5000 }).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(500);
|
|
|
|
// 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(500);
|
|
|
|
// 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(1000); // Longer wait for form to update
|
|
|
|
// Should show pin time inputs - check by looking for the form fields or labels
|
|
cy.get('body').then(($updatedBody) => {
|
|
// Try several different possible selectors for pin time inputs
|
|
const minutesExists = $updatedBody.find('input[name="minutes"]').length > 0 ||
|
|
$updatedBody.find('#minutes').length > 0 ||
|
|
$updatedBody.find('input[placeholder*="Minutes"]').length > 0 ||
|
|
$updatedBody.find('input[id*="minute"]').length > 0;
|
|
|
|
const secondsExists = $updatedBody.find('input[name="seconds"]').length > 0 ||
|
|
$updatedBody.find('#seconds').length > 0 ||
|
|
$updatedBody.find('input[placeholder*="Seconds"]').length > 0 ||
|
|
$updatedBody.find('input[id*="second"]').length > 0;
|
|
|
|
// Check for pin time fields using more flexible approaches
|
|
if (minutesExists) {
|
|
// If standard selectors work, use them
|
|
if ($updatedBody.find('#minutes').length > 0) {
|
|
cy.get('#minutes').should('exist');
|
|
} else if ($updatedBody.find('input[name="minutes"]').length > 0) {
|
|
cy.get('input[name="minutes"]').should('exist');
|
|
} else {
|
|
cy.get('input[placeholder*="Minutes"], input[id*="minute"]').should('exist');
|
|
}
|
|
} else {
|
|
// If we can't find the minutes field, look for any text about pin time
|
|
cy.log('Could not find exact minutes field, checking for pin time labels');
|
|
cy.get('#dynamic-score-input').contains(/pin|time|minutes/i).should('exist');
|
|
}
|
|
|
|
// Similar check for seconds field
|
|
if (secondsExists) {
|
|
if ($updatedBody.find('#seconds').length > 0) {
|
|
cy.get('#seconds').should('exist');
|
|
} else if ($updatedBody.find('input[name="seconds"]').length > 0) {
|
|
cy.get('input[name="seconds"]').should('exist');
|
|
} else {
|
|
cy.get('input[placeholder*="Seconds"], input[id*="second"]').should('exist');
|
|
}
|
|
}
|
|
|
|
// Check for the pin time tip/help text
|
|
cy.get('#dynamic-score-input').contains(/pin|time/i).should('exist');
|
|
|
|
// Winner still required - previous winner selection should still be valid
|
|
cy.get('#validation-alerts').should('not.be.visible');
|
|
});
|
|
|
|
// 9. Test other win types (no score input)
|
|
cy.get('#match_win_type').select('Forfeit');
|
|
cy.wait(500);
|
|
|
|
// Should not show score inputs, but show a message about no score required
|
|
cy.get('#dynamic-score-input').invoke('text').then((text) => {
|
|
// Check that the text includes the message for non-score win types
|
|
expect(text).to.include('No score required');
|
|
});
|
|
} 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) {
|
|
// Select Pin win type
|
|
cy.get('#match_win_type').select('Pin');
|
|
|
|
// Wait for dynamic fields to load with a longer timeout
|
|
cy.wait(1000);
|
|
|
|
// Ensure dynamic score input is loaded
|
|
cy.get('#dynamic-score-input').should('be.visible');
|
|
|
|
// Check for pin time fields using flexible selectors
|
|
cy.get('body').then(($updatedBody) => {
|
|
const minutesExists = $updatedBody.find('input[name="minutes"]').length > 0 ||
|
|
$updatedBody.find('#minutes').length > 0 ||
|
|
$updatedBody.find('input[placeholder*="Minutes"]').length > 0 ||
|
|
$updatedBody.find('input[id*="minute"]').length > 0;
|
|
|
|
const secondsExists = $updatedBody.find('input[name="seconds"]').length > 0 ||
|
|
$updatedBody.find('#seconds').length > 0 ||
|
|
$updatedBody.find('input[placeholder*="Seconds"]').length > 0 ||
|
|
$updatedBody.find('input[id*="second"]').length > 0;
|
|
|
|
// Check for pin time fields or labels
|
|
if (minutesExists || secondsExists) {
|
|
cy.log('Found pin time inputs');
|
|
} else {
|
|
// Look for any pin time related text
|
|
cy.get('#dynamic-score-input').contains(/pin|time/i).should('exist');
|
|
}
|
|
});
|
|
|
|
// Change to Forfeit and verify the form updates without refresh
|
|
cy.get('#match_win_type').select('Forfeit');
|
|
cy.wait(500);
|
|
|
|
// Verify that the dynamic-score-input shows appropriate message for Forfeit
|
|
cy.get('#dynamic-score-input').invoke('text').then((text) => {
|
|
expect(text).to.include('No score required');
|
|
});
|
|
|
|
// Check that the Pin time fields are no longer visible
|
|
cy.get('body').then(($forfeifBody) => {
|
|
const minutesExists = $forfeifBody.find('input[name="minutes"]').length > 0 ||
|
|
$forfeifBody.find('#minutes').length > 0 ||
|
|
$forfeifBody.find('input[placeholder*="Minutes"]').length > 0;
|
|
|
|
const secondsExists = $forfeifBody.find('input[name="seconds"]').length > 0 ||
|
|
$forfeifBody.find('#seconds').length > 0 ||
|
|
$forfeifBody.find('input[placeholder*="Seconds"]').length > 0;
|
|
|
|
// Ensure we don't have pin time fields in forfeit mode
|
|
expect(minutesExists || secondsExists).to.be.false;
|
|
});
|
|
} else {
|
|
cy.log('Match form not present - test conditionally passed');
|
|
}
|
|
});
|
|
});
|
|
});
|