start-vibing 4.3.4 → 4.4.0

package/template/.claude/skills/e2e-audit/e2e/specs/dashboard-home.spec.ts

@@ -0,0 +1,243 @@
+import { test, expect } from '../fixtures/base'
+import { DashboardHomePage } from '../pages/dashboard-home.page'
+import { createConsoleCollector } from '../utils/console-collector'
+import { testXssOnInput } from '../utils/security-helpers'
+
+test.describe('Dashboard Home @smoke', () => {
+	let home: DashboardHomePage
+
+	test.beforeEach(async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+	})
+
+	test('page loads with correct URL and heading', async ({ authenticatedPage }) => {
+		await expect(authenticatedPage, 'Should navigate to home page').toHaveURL(/dashboard\/home/)
+		await expect(home.heading, 'Home heading should be visible').toBeVisible()
+	})
+
+	test('displays hero section elements', async () => {
+		await expect(home.logo).toBeVisible()
+		await expect(home.subtitle).toBeVisible()
+		await expect(home.aiAvatar).toBeVisible()
+	})
+
+	test('search input has placeholder and aria-label', async () => {
+		await expect(home.searchInput).toBeVisible()
+		await expect(home.searchInput).toBeEnabled()
+		const placeholder = await home.searchInput.getAttribute('placeholder')
+		expect(placeholder).toBeTruthy()
+	})
+
+	test('ask button is disabled when search is empty', async () => {
+		await expect(home.askButton).toBeDisabled()
+	})
+
+	test('ask button enables when text is entered', async () => {
+		await home.typeSearch('test query')
+		await expect(home.askButton).toBeEnabled()
+	})
+
+	test('organization overview section is visible', async () => {
+		await expect(home.orgOverviewTitle).toBeVisible()
+	})
+})
+
+test.describe('Dashboard Home - Ice Breakers @smoke', () => {
+	let home: DashboardHomePage
+
+	test.beforeEach(async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+	})
+
+	test('displays 3 ice breaker suggestion buttons', async () => {
+		const suggestions = await home.suggestionButtons.all()
+		expect(suggestions.length).toBe(3)
+	})
+
+	test('clicking suggestion populates search input', async () => {
+		await home.clickSuggestion(0)
+		const value = await home.searchInput.inputValue()
+		expect(value.length).toBeGreaterThan(0)
+	})
+
+	test('suggestion buttons have aria-labels', async () => {
+		const suggestions = await home.suggestionButtons.all()
+		for (const btn of suggestions) {
+			const label = await btn.getAttribute('aria-label')
+			expect(label).toBeTruthy()
+		}
+	})
+})
+
+test.describe('Dashboard Home - Search Submit Flow @critical', () => {
+	let home: DashboardHomePage
+
+	test.beforeEach(async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+	})
+
+	test('typed search creates chat session and navigates to chat page', async ({ authenticatedPage }) => {
+		await home.submitSearch('E2E test: typed search submit')
+
+		// Verify toast appears
+		await expect(authenticatedPage.getByText(/chat session created|sessão de chat criada/i)).toBeVisible({ timeout: 10000 })
+
+		// Verify navigation to chat page with sessionId
+		await authenticatedPage.waitForURL(/dashboard\/chat\?sessionId=/, { timeout: 10000 })
+		expect(authenticatedPage.url()).toContain('/dashboard/chat?sessionId=')
+
+		// Verify user message appears in chat
+		await expect(authenticatedPage.getByText('E2E test: typed search submit')).toBeVisible({ timeout: 10000 })
+	})
+
+	test('ice breaker click + Enter creates chat session and navigates', async ({ authenticatedPage }) => {
+		// Click first ice breaker to populate input
+		await home.clickSuggestion(0)
+		const query = await home.searchInput.inputValue()
+		expect(query.length).toBeGreaterThan(0)
+
+		// Press Enter to submit
+		await home.searchInput.press('Enter')
+
+		// Verify toast appears
+		await expect(authenticatedPage.getByText(/chat session created|sessão de chat criada/i)).toBeVisible({ timeout: 10000 })
+
+		// Verify navigation to chat page
+		await authenticatedPage.waitForURL(/dashboard\/chat\?sessionId=/, { timeout: 10000 })
+
+		// Verify the ice breaker question appears as user message
+		await expect(authenticatedPage.getByText(query)).toBeVisible({ timeout: 10000 })
+	})
+})
+
+test.describe('Dashboard Home - Profile & Feedback @smoke', () => {
+	let home: DashboardHomePage
+
+	test.beforeEach(async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+	})
+
+	test('profile dropdown shows user info', async () => {
+		await home.openProfileDropdown()
+		await expect(home.profileMenuName).toBeVisible()
+		await expect(home.profileMenuEmail).toBeVisible()
+		await expect(home.feedbackMenuItem).toBeVisible()
+		await expect(home.logoutButton).toBeVisible()
+	})
+
+	test('feedback dialog opens and has all fields', async () => {
+		await home.openFeedbackDialog()
+		await expect(home.feedbackDialogTitle).toBeVisible()
+		await expect(home.feedbackTypeCombobox).toBeVisible()
+		await expect(home.feedbackMessageTextbox).toBeVisible()
+		await expect(home.feedbackContactSwitch).toBeVisible()
+		await expect(home.feedbackCancelButton).toBeVisible()
+		await expect(home.feedbackSubmitButton).toBeVisible()
+	})
+
+	test('feedback submit button is disabled until type and message are filled', async () => {
+		await home.openFeedbackDialog()
+
+		// Initially disabled
+		await expect(home.feedbackSubmitButton).toBeDisabled()
+
+		// Fill type and message
+		await home.fillFeedback('Relatório de Bug', 'This is an E2E test feedback message')
+
+		// Now enabled
+		await expect(home.feedbackSubmitButton).toBeEnabled()
+	})
+
+	test('feedback type combobox has 4 options', async ({ authenticatedPage }) => {
+		await home.openFeedbackDialog()
+		await home.feedbackTypeCombobox.click()
+
+		const options = await authenticatedPage.getByRole('option').all()
+		expect(options.length).toBe(4)
+	})
+
+	test('feedback message shows character counter', async ({ authenticatedPage }) => {
+		await home.openFeedbackDialog()
+		await home.feedbackMessageTextbox.fill('Test message for counter')
+		await expect(authenticatedPage.getByText(/24\/2000/)).toBeVisible()
+	})
+
+	test('feedback cancel button closes dialog', async () => {
+		await home.openFeedbackDialog()
+		await expect(home.feedbackDialogTitle).toBeVisible()
+		await home.feedbackCancelButton.click()
+		await expect(home.feedbackDialogTitle).not.toBeVisible()
+	})
+})
+
+test.describe('Dashboard Home - ROI Stats @smoke', () => {
+	let home: DashboardHomePage
+
+	test.beforeEach(async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+	})
+
+	test('ROI section title is visible', async () => {
+		await expect(home.roiSectionTitle).toBeVisible()
+	})
+
+	test('my stats card shows time saved, files, and paragraphs', async () => {
+		await expect(home.myStatsTitle).toBeVisible()
+		await expect(home.myTimeSaved).toBeVisible()
+		await expect(home.myFilesProcessed).toBeVisible()
+		await expect(home.myParagraphs).toBeVisible()
+	})
+
+	test('time saved tooltip appears on hover', async ({ authenticatedPage }) => {
+		// Hover on the first "Time Saved" stat card
+		await home.myTimeSaved.hover()
+		// Tooltip should appear
+		const tooltip = authenticatedPage.getByRole('tooltip')
+		await expect(tooltip).toBeVisible({ timeout: 3000 })
+	})
+})
+
+test.describe('Dashboard Home - ROI Team Stats (OWNER/ADMIN) @rbac', () => {
+	// Default role is 'owner', which should see team stats
+	let home: DashboardHomePage
+
+	test.beforeEach(async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+	})
+
+	test('owner sees team stats card', async () => {
+		await expect(home.teamStatsTitle).toBeVisible()
+		await expect(home.teamTimeSaved).toBeVisible()
+		await expect(home.teamFilesProcessed).toBeVisible()
+		await expect(home.teamParagraphs).toBeVisible()
+	})
+})
+
+test.describe('Dashboard Home - Security @security', () => {
+	test('no sensitive data in console', async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		const collector = createConsoleCollector(authenticatedPage)
+		const home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+		collector.assertNoSensitiveLeaks()
+	})
+
+	test('search input resists XSS', async ({ authenticatedPage, apiErrors: _apiErrors }) => {
+		const home = new DashboardHomePage(authenticatedPage)
+		await home.goto()
+		await home.waitForLoad()
+		await testXssOnInput(authenticatedPage, home.searchInput)
+	})
+})