Fix 5 wrong API endpoints + stop swallowing JS errors in E2E
All checks were successful
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 5s
Test / build-check (push) Successful in 3s
PR Preview / test (pull_request) Successful in 4s
PR Preview / deploy-preview (pull_request) Successful in 10s
Test / e2e-test (push) Successful in 4m24s
All checks were successful
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 5s
Test / build-check (push) Successful in 3s
PR Preview / test (pull_request) Successful in 4s
PR Preview / deploy-preview (pull_request) Successful in 10s
Test / e2e-test (push) Successful in 4m24s
Endpoint fixes: - AuditLog: /api/audit-logs → /api/audit-log - BugTracker: /api/bugs → /api/bug-reports, create → /api/bug-report - BugTracker: fix create body (content+priority, not title/description) - MyDiary: /api/brand-settings → /api/brand - MyDiary: /api/me/display-name → PUT /api/me - RecipeSearch: /api/category-modules → /api/categories Test improvements: - Remove blanket uncaught:exception swallow (only ignore ResizeObserver) - Add endpoint-parity.cy.js: intercept-based test that verifies correct API endpoints are called and wrong ones are NOT called Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
74
frontend/cypress/e2e/endpoint-parity.cy.js
Normal file
74
frontend/cypress/e2e/endpoint-parity.cy.js
Normal file
@@ -0,0 +1,74 @@
|
||||
// Verify that Vue frontend pages call the correct backend API endpoints.
|
||||
// This test catches mismatched endpoint names (e.g. /api/bugs vs /api/bug-reports).
|
||||
|
||||
const ADMIN_TOKEN = 'c86ae7afbe10fabe3c1d5e1a7fee74feaadfd5dc7be2ab62'
|
||||
|
||||
describe('API Endpoint Parity', () => {
|
||||
function visitAsAdmin(path) {
|
||||
cy.visit(path, {
|
||||
onBeforeLoad(win) {
|
||||
win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
it('search page loads recipes from /api/recipes', () => {
|
||||
cy.intercept('GET', '/api/recipes').as('recipes')
|
||||
visitAsAdmin('/')
|
||||
cy.wait('@recipes').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
|
||||
it('search page loads oils from /api/oils', () => {
|
||||
cy.intercept('GET', '/api/oils').as('oils')
|
||||
visitAsAdmin('/')
|
||||
cy.wait('@oils').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
|
||||
it('oil reference page loads oils', () => {
|
||||
cy.intercept('GET', '/api/oils').as('oils')
|
||||
visitAsAdmin('/oils')
|
||||
cy.wait('@oils').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
|
||||
it('audit log page loads from /api/audit-log', () => {
|
||||
cy.intercept('GET', '/api/audit-log*').as('audit')
|
||||
visitAsAdmin('/audit')
|
||||
cy.wait('@audit').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
|
||||
it('audit log page does NOT call /api/audit-logs (wrong endpoint)', () => {
|
||||
cy.intercept('GET', '/api/audit-logs*').as('wrongAudit')
|
||||
visitAsAdmin('/audit')
|
||||
cy.wait(2000)
|
||||
cy.get('@wrongAudit.all').should('have.length', 0)
|
||||
})
|
||||
|
||||
it('bug tracker page loads from /api/bug-reports', () => {
|
||||
cy.intercept('GET', '/api/bug-reports').as('bugs')
|
||||
visitAsAdmin('/bugs')
|
||||
cy.wait('@bugs').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
|
||||
it('bug tracker page does NOT call /api/bugs (wrong endpoint)', () => {
|
||||
cy.intercept('GET', '/api/bugs').as('wrongBugs')
|
||||
visitAsAdmin('/bugs')
|
||||
cy.wait(2000)
|
||||
cy.get('@wrongBugs.all').should('have.length', 0)
|
||||
})
|
||||
|
||||
it('user management page loads from /api/users', () => {
|
||||
cy.intercept('GET', '/api/users').as('users')
|
||||
visitAsAdmin('/users')
|
||||
cy.wait('@users').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
|
||||
it('categories load from /api/categories', () => {
|
||||
cy.intercept('GET', '/api/categories').as('cats')
|
||||
visitAsAdmin('/')
|
||||
cy.wait(3000)
|
||||
// Categories may or may not be fetched depending on page logic
|
||||
// Just verify no /api/category-modules calls
|
||||
cy.intercept('GET', '/api/category-modules').as('wrongCats')
|
||||
cy.get('@wrongCats.all').should('have.length', 0)
|
||||
})
|
||||
})
|
||||
@@ -1,5 +1,11 @@
|
||||
// Ignore uncaught exceptions from the app (API errors during loading, etc.)
|
||||
Cypress.on('uncaught:exception', () => false)
|
||||
// Log uncaught exceptions but don't swallow them blindly.
|
||||
// Only ignore known non-critical errors (e.g. ResizeObserver).
|
||||
Cypress.on('uncaught:exception', (err) => {
|
||||
// ResizeObserver loop errors are harmless
|
||||
if (err.message.includes('ResizeObserver')) return false
|
||||
// Let all other errors fail the test
|
||||
return true
|
||||
})
|
||||
|
||||
// Custom commands for the oil calculator app
|
||||
|
||||
|
||||
Reference in New Issue
Block a user