Files
oil-formula-calculator/frontend/cypress/e2e/visual-check.cy.js
Hera Zhao a27c30ea7c
Some checks failed
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 4s
Test / build-check (push) Successful in 4s
PR Preview / test (pull_request) Successful in 5s
PR Preview / deploy-preview (pull_request) Successful in 13s
Test / e2e-test (push) Has been cancelled
Fix CI: exclude demo/visual specs, fix oil-card→oil-chip selectors
- Grep pattern now matches full filenames (demo-walkthrough, visual-check)
- Updated all test files to use .oil-chip (new OilReference class name)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 22:28:17 +00:00

56 lines
2.1 KiB
JavaScript

// Quick visual screenshots for manual review before deploy
const ADMIN_TOKEN = 'c86ae7afbe10fabe3c1d5e1a7fee74feaadfd5dc7be2ab62'
describe('Visual Check - Screenshots', () => {
it('homepage with recipes', () => {
cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
cy.get('.recipe-card', { timeout: 10000 }).should('have.length.gte', 1)
cy.wait(1000)
cy.screenshot('01-homepage')
})
it('recipe detail overlay', () => {
cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
cy.get('.recipe-card', { timeout: 10000 }).first().click()
cy.wait(1000)
cy.screenshot('02-recipe-detail')
})
it('oil reference page', () => {
cy.visit('/oils', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
cy.get('.oil-chip', { timeout: 10000 }).should('have.length.gte', 1)
cy.wait(500)
cy.screenshot('03-oil-reference')
})
it('manage recipes page', () => {
cy.visit('/manage', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
cy.wait(2000)
cy.screenshot('04-manage-recipes')
})
it('inventory page', () => {
cy.visit('/inventory', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
cy.wait(1500)
cy.screenshot('05-inventory')
})
it('check if recipe cards show price > 0', () => {
cy.visit('/', { onBeforeLoad(win) { win.localStorage.setItem('oil_auth_token', ADMIN_TOKEN) } })
cy.get('.recipe-card', { timeout: 10000 }).should('have.length.gte', 1)
// Check if any card shows a non-zero price
cy.get('.recipe-card').first().invoke('text').then(text => {
cy.log('First card text: ' + text)
// Check if it contains a price like ¥ X.XX where X > 0
const priceMatch = text.match(/¥\s*(\d+\.?\d*)/)
if (priceMatch) {
cy.log('Price found: ¥' + priceMatch[1])
const price = parseFloat(priceMatch[1])
expect(price, 'Recipe card should show price > 0').to.be.gt(0)
} else {
cy.log('WARNING: No price found on recipe card')
}
})
})
})