test: add E2E tests for untested pages

tests/dataResearch.spec.ts

@@ -0,0 +1,49 @@
+import { expect, setupTest, test } from './utils'
+
+test.describe('Data Research Page Tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupTest(page)
+  })
+
+  test('accessing /data-research directly works', async ({ page }) => {
+    await page.goto('/data-research')
+    await page.locator('.preloader').waitFor({ state: 'hidden' })
+    await page.waitForLoadState('networkidle')
+    await expect(page).toHaveURL(/data-research/)
+  })
+
+  test('page displays research section heading', async ({ page }) => {
+    await page.goto('/data-research')
+    await page.locator('.preloader').waitFor({ state: 'hidden' })
+    await page.waitForLoadState('networkidle')
+    const title = page.locator('h2', { hasText: 'מחקרים' })
+    await expect(title).toBeVisible()
+  })
+
+  test('page displays research description text', async ({ page }) => {
+    await page.goto('/data-research')
+    await page.locator('.preloader').waitFor({ state: 'hidden' })
+    await page.waitForLoadState('networkidle')
+    await expect(
+      page.getByText('אם יש לכם רעיון מעניין למה קורים פה דברים, דברו איתנו בסלאק!'),
+    ).toBeVisible()
+  })
+
+  test('stacked research section with charts is rendered', async ({ page }) => {
+    await page.goto('/data-research')
+    await page.locator('.preloader').waitFor({ state: 'hidden' })
+    await page.waitForLoadState('networkidle')
+    const etlWidget = page.locator('h2', { hasText: 'בעיות etl/gps/משהו גלובאלי אחר' })
+    await expect(etlWidget).toBeVisible()
+  })
+
+  test('research page has date selectors and operator selector', async ({ page }) => {
+    await page.goto('/data-research')
+    await page.locator('.preloader').waitFor({ state: 'hidden' })
+    await page.waitForLoadState('networkidle')
+    const startDateGroup = page.getByRole('group', { name: 'התחלה' }).first()
+    const endDateGroup = page.getByRole('group', { name: 'סיום' }).first()
+    await expect(startDateGroup).toBeVisible()
+    await expect(endDateGroup).toBeVisible()
+  })
+})

tests/donate.spec.ts

@@ -0,0 +1,48 @@
+import i18next from 'i18next'
+import { expect, setupTest, test } from './utils'
+
+test.describe('Donate Modal Tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupTest(page)
+  })
+
+  test('clicking donate menu item opens the modal', async ({ page }) => {
+    const donateLink = page.locator('li a', { hasText: i18next.t('donate_title') })
+    await donateLink.click()
+    const modal = page.getByRole('dialog')
+    await expect(modal).toBeVisible()
+    await expect(
+      page.getByRole('heading', { name: i18next.t('how_to_donate_title') }),
+    ).toBeVisible()
+  })
+
+  test('modal contains donation link to jgive.com', async ({ page }) => {
+    const donateLink = page.locator('li a', { hasText: i18next.t('donate_title') })
+    await donateLink.click()
+    const modal = page.getByRole('dialog')
+    await expect(modal).toBeVisible()
+    const jgiveLink = modal.locator('a[href*="jgive.com"]').first()
+    await expect(jgiveLink).toBeVisible()
+    await expect(jgiveLink).toHaveAttribute('href', /jgive\.com/)
+  })
+
+  test('modal contains bank transfer details', async ({ page }) => {
+    const donateLink = page.locator('li a', { hasText: i18next.t('donate_title') })
+    await donateLink.click()
+    const modal = page.getByRole('dialog')
+    await expect(modal).toBeVisible()
+    await expect(modal.getByText(i18next.t('donation_through_bank_title'))).toBeVisible()
+    await expect(modal.getByText(i18next.t('donation_through_bank_details_account'))).toBeVisible()
+  })
+
+  test('modal can be closed', async ({ page }) => {
+    const donateLink = page.locator('li a', { hasText: i18next.t('donate_title') })
+    await donateLink.click()
+    const modal = page.getByRole('dialog')
+    await expect(modal).toBeVisible()
+    // Close button is the X button inside the modal
+    const closeButton = modal.locator('button').first()
+    await closeButton.click()
+    await expect(modal).toBeHidden()
+  })
+})

tests/gaps.spec.ts

@@ -0,0 +1,31 @@
+import i18next from 'i18next'
+import { expect, harOptions, setupTest, test, visitPage } from './utils'
+
+test.describe('Gaps Page Tests', () => {
+  test.beforeEach(async ({ page, advancedRouteFromHAR }) => {
+    await setupTest(page)
+    await advancedRouteFromHAR('tests/HAR/missing.har', harOptions)
+    await visitPage(page, 'gaps_page_title')
+  })
+
+  test('page title is visible', async ({ page }) => {
+    await expect(page.locator('h4')).toHaveText(i18next.t('gaps_page_title'))
+  })
+
+  test('page description alert is visible', async ({ page }) => {
+    await expect(page.getByText(i18next.t('gaps_page_description'))).toBeVisible()
+  })
+
+  test('date selector is present', async ({ page }) => {
+    const dateInput = page.locator('input[type="text"]').first()
+    await expect(dateInput).toBeVisible()
+  })
+
+  test('operator selector is present', async ({ page }) => {
+    await expect(page.getByLabel(i18next.t('choose_operator'))).toBeVisible()
+  })
+
+  test('line number selector is present', async ({ page }) => {
+    await expect(page.getByLabel(i18next.t('choose_line'))).toBeVisible()
+  })
+})

tests/gapsPatterns.spec.ts

@@ -0,0 +1,33 @@
+import i18next from 'i18next'
+import { expect, fillDateField, harOptions, setupTest, test, visitPage } from './utils'
+
+test.describe('Gaps Patterns Page Tests', () => {
+  test.beforeEach(async ({ page, advancedRouteFromHAR }) => {
+    await setupTest(page)
+    await advancedRouteFromHAR('tests/HAR/patterns.har', harOptions)
+    await visitPage(page, 'gaps_patterns_page_title')
+  })
+
+  test('page heading is displayed', async ({ page }) => {
+    await expect(page.locator('h4')).toContainText(i18next.t('gaps_patterns_page_title'))
+  })
+
+  test('page description is visible', async ({ page }) => {
+    await expect(page.getByText(i18next.t('gaps_patterns_page_description'))).toBeVisible()
+  })
+
+  test('start and end date selectors are present', async ({ page }) => {
+    const dateInputs = page.locator('input[type="text"]')
+    const count = await dateInputs.count()
+    expect(count).toBeGreaterThanOrEqual(2)
+  })
+
+  test('date selectors accept input', async ({ page }) => {
+    await fillDateField(page, 'התחלה', '01/02/2024')
+    await fillDateField(page, 'סיום', '08/02/2024')
+  })
+
+  test('operator selector is present', async ({ page }) => {
+    await expect(page.getByLabel(i18next.t('choose_operator'))).toBeVisible()
+  })
+})

tests/homepage.spec.ts

@@ -0,0 +1,44 @@
+import i18next from 'i18next'
+import { expect, setupTest, test } from './utils'
+
+test.describe('Homepage Tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupTest(page)
+    await page.waitForLoadState('networkidle')
+  })
+
+  test('homepage displays welcome heading', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: i18next.t('homepage.welcome') })).toBeVisible()
+  })
+
+  test('homepage displays definition', async ({ page }) => {
+    await expect(page.locator('h2').last()).toContainText(i18next.t('homepage.databus_definition'))
+  })
+
+  test('homepage displays bus illustration', async ({ page }) => {
+    const img = page.locator('img[alt="Public Transportaion Bus Illustration"]')
+    await expect(img).toBeVisible()
+  })
+
+  test('homepage displays navigation links to main pages', async ({ page }) => {
+    const links = page.locator('section.links .page-link')
+    const count = await links.count()
+    expect(count).toBe(6)
+  })
+
+  test('homepage displays copyright footer', async ({ page }) => {
+    const footer = page.locator('footer')
+    await expect(footer).toBeVisible()
+    await expect(footer).toContainText(i18next.t('homepage.copyright'))
+  })
+
+  test('mobile menu link is hidden on desktop', async ({ page }) => {
+    const mobileSection = page.locator('section.hideOnDesktop')
+    await expect(mobileSection).toBeHidden()
+  })
+
+  test('desktop links section is visible on desktop', async ({ page }) => {
+    const desktopSection = page.locator('section.hideOnMobile')
+    await expect(desktopSection).toBeVisible()
+  })
+})

tests/lineProfile.spec.ts

@@ -0,0 +1,13 @@
+import { expect, setupTest, test } from './utils'
+
+test.describe('Line Profile Page Tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupTest(page)
+  })
+
+  test('navigating to a profile route loads without error', async ({ page }) => {
+    await page.goto('/profile/1')
+    await page.locator('.preloader').waitFor({ state: 'hidden' })
+    await expect(page).toHaveURL(/\/profile\/1/)
+  })
+})

tests/publicAppealFull.spec.ts

@@ -0,0 +1,17 @@
+import { expect, setupTest, test, visitPage } from './utils'
+
+test.describe('Public Appeal Page Tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupTest(page)
+    await visitPage(page, 'public_appeal_title')
+  })
+
+  test('page renders without error', async ({ page }) => {
+    await expect(page).toHaveURL(/\/public-appeal/)
+  })
+
+  test('page has proper RTL layout', async ({ page }) => {
+    const dir = await page.locator('html').getAttribute('dir')
+    expect(dir).toBe('rtl')
+  })
+})

tests/velocityHeatmap.spec.ts

@@ -0,0 +1,69 @@
+import i18next from 'i18next'
+import { expect, setupTest, test, visitPage } from './utils'
+
+test.describe('Velocity Heatmap Page Tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await setupTest(page)
+    await visitPage(page, 'velocity_heatmap_page_title')
+  })
+
+  test('page displays heading and date controls', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: 'Velocity Aggregation Heatmap' })).toBeVisible()
+  })
+
+  test('page displays visualization mode radio buttons', async ({ page }) => {
+    const radios = page.getByRole('radio')
+    await expect(radios).toHaveCount(3)
+    await expect(radios.first()).toBeChecked()
+  })
+
+  test('switching visualization mode updates the selected radio', async ({ page }) => {
+    const radios = page.getByRole('radio')
+    await radios.nth(1).click()
+    await expect(radios.nth(1)).toBeChecked()
+    await expect(radios.first()).not.toBeChecked()
+  })
+
+  test('page displays a map container', async ({ page }) => {
+    const mapContainer = page.locator('.leaflet-container')
+    await expect(mapContainer).toBeVisible()
+  })
+
+  test('map has expand button', async ({ page }) => {
+    const expandButton = page.locator('.expand-button')
+    await expect(expandButton).toBeVisible()
+  })
+
+  test('date navigation buttons are present', async ({ page }) => {
+    await expect(
+      page.getByRole('button', { name: i18next.t('date_navigator_prev_day') }),
+    ).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: i18next.t('date_navigator_next_day') }),
+    ).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: i18next.t('date_navigator_prev_week') }),
+    ).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: i18next.t('date_navigator_next_week') }),
+    ).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: i18next.t('date_navigator_today') }),
+    ).toBeVisible()
+  })
+
+  test('clicking prev/next day buttons changes the date', async ({ page }) => {
+    const dateInput = page.locator('input.MuiPickersInputBase-input').first()
+    const initialValue = await dateInput.inputValue()
+
+    await page.getByRole('button', { name: i18next.t('date_navigator_prev_day') }).click()
+    await page.waitForTimeout(300)
+    const afterPrevDay = await dateInput.inputValue()
+    expect(afterPrevDay).not.toEqual(initialValue)
+
+    await page.getByRole('button', { name: i18next.t('date_navigator_next_day') }).click()
+    await page.waitForTimeout(300)
+    const afterNextDay = await dateInput.inputValue()
+    expect(afterNextDay).toEqual(initialValue)
+  })
+})