Postal/Zero
1
0
Fork 0
mirror of https://github.com/Mail-0/Zero.git synced 2026-06-28 06:46:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add playwright tests to check search bar functions (#1921)

Browse Source 
goes through the cmd+k search shortcut and runs:

1. last seven days of emails
2. starred emails
3. with attachments

run w `pnpm test:e2e:headed search-bar.spec.ts`
    
<!-- This is an auto-generated description by cubic. -->
---

## Summary by cubic
Added Playwright end-to-end tests to verify that the search bar correctly applies and clears filters for "Last 7 Days," "Starred Emails," and "With Attachments" using the command palette.

<!-- End of auto-generated description by cubic. -->



<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

* **Tests**
  * Added a new end-to-end test to verify that search bar filters ("With Attachments", "Last 7 Days", "Starred Emails") can be applied and cleared using the command palette. The test also checks for the correct display and removal of the "Clear" button in the search bar.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
amrit
2025-08-07 09:32:16 +05:30
committed by GitHub
parent 066edbc77b
commit cdb3d25993
1 changed files with 64 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
packages/testing/e2e/search-bar.spec.ts Normal file
View File

@@ -0,0 +1,64 @@
import { test, expect } from '@playwright/test';
test.describe('Search Bar Functionality', () => {
test('should apply and clear multiple filters from the command palette', async ({ page }) => {
await page.goto('/mail/inbox');
await page.waitForLoadState('domcontentloaded');
console.log('Successfully accessed mail inbox')
await page.waitForTimeout(2000)
try {
const welcomeModal = page.getByText('Welcome to Zero Email!')
if (await welcomeModal.isVisible({ timeout: 2000 })) {
console.log('Onboarding modal detected, clicking outside to dismiss')
await page.locator('body').click({ position: { x: 100, y: 100 } })
await page.waitForTimeout(1500)
console.log('Modal successfully dismissed')
}
} catch {
console.log('No onboarding modal found, proceeding')
}
await expect(page.getByText('Inbox')).toBeVisible()
console.log('Confirmed we are in the inbox')
const filtersToTest = ["With Attachments", "Last 7 Days", "Starred Emails"]
for (const filterText of filtersToTest) {
console.log(`Testing filter: ${filterText}`)
console.log(`Opening command palette with Meta+k`)
await page.keyboard.press(`Meta+k`)
const dialogLocator = page.locator('[cmdk-dialog], [role="dialog"]')
await expect(dialogLocator.first()).toBeVisible({ timeout: 5000 })
console.log('Command palette dialog is visible')
const itemLocator = page.getByText(filterText, { exact: true })
await expect(itemLocator).toBeVisible()
console.log(`Found "${filterText}" item, attempting to click`)
await itemLocator.click()
console.log(`Successfully clicked "${filterText}"`)
await expect(dialogLocator.first()).not.toBeVisible({ timeout: 5000 })
console.log('Command palette dialog has closed')
console.log('Looking for the "Clear" button in the search bar')
const clearButton = page.getByRole('button', { name: 'Clear', exact: true })
await expect(clearButton).toBeVisible({ timeout: 5000 })
console.log('"Clear" button is visible, confirming filter is active')
console.log('Waiting 4 seconds for filter results to load')
await page.waitForTimeout(4000)
await clearButton.click()
console.log('Clicked the "Clear" button')
await expect(clearButton).not.toBeVisible({ timeout: 5000 })
console.log('Filter cleared successfully')
}
console.log(`Test completed: Successfully applied and cleared ${filtersToTest.length} filters`)
})
})