Davide Grilli
e10bb2df4c
- Unit (12+9): conversion.js (rawToCooked/cookedToRaw, edge case, inversa) e storage.js (save/load, round-trip, default fallback) - Integration (17+12+14): Converter (ricerca, selezione, calcolo, swap, reset), MealPlanner (rendering, add/remove, generateShopping, deduplicazione), ShoppingList (add, toggle, remove, clearAll, contatore) - E2E Playwright (6+6+7+10): navigation, meal-planner, converter, shopping-list - Configurazione: vitest.config.js + playwright.config.js + tests/setup.js - Script: test, test:coverage, test:e2e, test:e2e:ui Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
74 lines
3.1 KiB
JavaScript
74 lines
3.1 KiB
JavaScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.describe('Convertitore', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/')
|
|
await page.locator('.nav-btn', { hasText: 'Converti' }).click()
|
|
})
|
|
|
|
test('mostra il messaggio iniziale prima di cercare', async ({ page }) => {
|
|
await expect(page.locator('.hint-state')).toBeVisible()
|
|
await expect(page.locator('.converter-card')).not.toBeVisible()
|
|
})
|
|
|
|
test('cerca un alimento e mostra i risultati', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('riso')
|
|
await expect(page.locator('.result-item').first()).toBeVisible()
|
|
})
|
|
|
|
test('i nomi nella lista hanno solo l\'iniziale maiuscola', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('pollo')
|
|
const firstFood = await page.locator('.result-food').first().textContent()
|
|
// "Pollo petto" → solo la prima lettera maiuscola
|
|
expect(firstFood[0]).toBe(firstFood[0].toUpperCase())
|
|
if (firstFood.includes(' ')) {
|
|
const secondWord = firstFood.split(' ')[1]
|
|
expect(secondWord[0]).toBe(secondWord[0].toLowerCase())
|
|
}
|
|
})
|
|
|
|
test('seleziona un alimento e mostra la converter card', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('riso basmati')
|
|
await page.locator('.result-item').first().click()
|
|
await expect(page.locator('.converter-card')).toBeVisible()
|
|
await expect(page.locator('.result-item')).toHaveCount(0)
|
|
})
|
|
|
|
test('calcola il peso cotto inserendo i grammi', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('riso basmati')
|
|
await page.locator('.result-item').first().click()
|
|
await page.locator('.calc-input').fill('100')
|
|
// Riso basmati ha fattore 3.0 → 300g cotto
|
|
await expect(page.locator('.output-value')).toBeVisible()
|
|
const result = await page.locator('.output-value').textContent()
|
|
expect(parseFloat(result)).toBeCloseTo(300, 0)
|
|
})
|
|
|
|
test('il pulsante ⇄ inverte la direzione crudo↔cotto', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('pasta')
|
|
await page.locator('.result-item').first().click()
|
|
|
|
const labelBefore = await page.locator('.calc-label').first().textContent()
|
|
await page.locator('.btn-swap').click()
|
|
const labelAfter = await page.locator('.calc-label').first().textContent()
|
|
|
|
expect(labelBefore).not.toBe(labelAfter)
|
|
})
|
|
|
|
test('il pulsante Cambia torna alla ricerca', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('riso')
|
|
await page.locator('.result-item').first().click()
|
|
await page.locator('.btn-reset').click()
|
|
|
|
await expect(page.locator('.converter-card')).not.toBeVisible()
|
|
await expect(page.locator('input[type="text"]')).not.toBeDisabled()
|
|
})
|
|
|
|
test('mostra il footer con fattore di resa quando c\'è un risultato', async ({ page }) => {
|
|
await page.locator('input[type="text"]').fill('riso')
|
|
await page.locator('.result-item').first().click()
|
|
await page.locator('.calc-input').fill('100')
|
|
await expect(page.locator('.card-footer')).toContainText('fattore di resa')
|
|
})
|
|
})
|