-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
* Install playwright and create e2e test * chore: 🔥 remove cypress config * Update example test * ci: 🔨 update testing scripts * docs: 📝 update testing with playwright * chore: 🔧 remove unused type * ci: 👷 use pnpm * chore: 🔧 co-locate e2e test results * chore: 🔨 rename e2e related scripts under e2e: * style: 🎨 use double quotes * test: ⚰️ remove example test * ci: 🔨 use exec over npx * ci: 🚚 move e2e testing to own workflow * ci: 🚚 move all tests into one workflow * ci: 👷 use node version variable * ci: 💚 fix workflow variables * ci: 💚 remove build dependency, use pnpm exec * ci: 🚚 rename workflow to quality-control * chore: 🔧 configure vitest to run tests in ./src * test: ⚰️ remove example test * style: 🎨 remove empty line --------- Co-authored-by: Julia Dai <[email protected]>
- Loading branch information
Showing
15 changed files
with
2,909 additions
and
2,511 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,140 @@ | ||
| import { test, expect } from '@playwright/test'; | ||
|
|
||
|
|
||
|
|
||
| test('has title', async ({page}) => { | ||
| await page.goto('/'); | ||
| await expect(page).toHaveTitle('Vektorprogrammet'); | ||
| }) | ||
|
|
||
| test.describe('Navbar', () => { | ||
| test.beforeEach( async ({ page }) => { | ||
| await page.goto('/'); | ||
| }); | ||
|
|
||
| test('can navigate to assistent page', async ({page}) => { | ||
| await page.getByRole('link', { name: 'Assistenter' }).click(); | ||
| await expect(page.getByRole('heading', { name: 'Assistenter' })).toBeVisible(); | ||
| }) | ||
|
|
||
| test('can navigate to parent page', async ({page}) => { | ||
| await page.getByRole('link', { name: 'Foreldre' }).click(); | ||
| await expect(page.getByRole('heading', { name: 'Informasjon for foreldre' })).toBeVisible(); | ||
| }) | ||
|
|
||
| test('can navigate to teams page', async ({page}) => { | ||
| await page.getByRole('link', { name: 'Team' }).click(); | ||
| await expect(page.getByRole('heading', { name: 'Styre og team' })).toBeVisible(); | ||
| }) | ||
|
|
||
| test('can navigate to school page', async ({page}) => { | ||
| await page.getByRole('link', { name: 'Skoler' }).click(); | ||
| await expect(page.getByRole('heading', { name: 'Vektorassistenter i skolen' })).toBeVisible(); | ||
| }) | ||
| }) | ||
|
|
||
| test.describe('Contact page', () => { | ||
| test.beforeEach( async ({ page }) => { | ||
| await page.goto('/kontakt'); | ||
| }) | ||
|
|
||
| test('has contact informations for Trondheim and contact', async ({ page }) => { | ||
| await page.locator('button').filter({ hasText: 'Trondheim' }).click(); | ||
| await expect( | ||
| page.locator('div').filter({ hasText: /^styret\.ntnu@vektorprogrammet\.no$/ }).getByRole('link')) | ||
| .toBeVisible(); | ||
| await expect(page.getByText('Høgskoleringen 5 7491')).toBeVisible(); | ||
| }) | ||
|
|
||
| test('can submit message in contact form', async ({ page }) => { | ||
| const name = page.getByLabel('Ditt navn'); | ||
| const email = page.getByLabel('Din e-post'); | ||
| const subject = page.getByLabel('Emne'); | ||
| const message = page.getByLabel('Melding'); | ||
| const submitButton = page.getByRole('button', { name: 'Send melding' }); | ||
|
|
||
| await expect(name).toBeVisible(); | ||
| await expect(email).toBeVisible(); | ||
| await expect(subject).toBeVisible(); | ||
| await expect(message).toBeVisible(); | ||
| await expect(submitButton).toBeVisible(); | ||
|
|
||
| await name.fill('John Doe'); | ||
| await email.fill('[email protected]'); | ||
| await subject.fill('teams'); | ||
| await message.fill('How do I apply for teams?'); | ||
|
|
||
| await expect(name).not.toBeEmpty(); | ||
| await expect(email).not.toBeEmpty(); | ||
| await expect(subject).not.toBeEmpty(); | ||
| await expect(message).not.toBeEmpty(); | ||
|
|
||
| submitButton.click(); | ||
| await expect(name).toBeEmpty(); | ||
| await expect(email).toBeEmpty(); | ||
| await expect(subject).toBeEmpty(); | ||
| await expect(message).toBeEmpty(); | ||
| }) | ||
|
|
||
| }) | ||
|
|
||
| test.describe('Assistent page', () => { | ||
| test.beforeEach( async ({ page }) => { | ||
| await page.goto('/assistenter'); | ||
| }); | ||
|
|
||
| test('can use button to scroll down to application form', async ({page}) => { | ||
| const scrollButton = await page.getByRole('button', { name: 'Scroll ned for å søke!' }); | ||
| scrollButton.click(); | ||
| await expect(page.getByRole('button', { name: 'Søk nå!' })).toBeInViewport(); | ||
| }) | ||
|
|
||
| test('can change city', async ({page}) => { | ||
| const trondheimButton = await page.locator('button').filter({ hasText: 'Trondheim' }) | ||
| const bergenButton = await page.getByRole('main').getByText('Bergen'); | ||
| const aasButton = await page.getByRole('main').getByText('Ås'); | ||
|
|
||
| await expect(trondheimButton).toBeVisible(); | ||
| await expect(bergenButton).toBeVisible(); | ||
| await expect(aasButton).toBeVisible(); | ||
|
|
||
| await trondheimButton.click(); | ||
| await expect(page.getByRole('heading', { name: 'Trondheim' })).toBeVisible(); | ||
|
|
||
| await bergenButton.click(); | ||
| await expect(page.getByRole('heading', { name: 'Bergen' })).toBeVisible(); | ||
|
|
||
| await aasButton.click(); | ||
| await expect(page.getByRole('heading', { name: 'Ås' })).toBeVisible(); | ||
|
|
||
| }) | ||
|
|
||
| test('can submit application', async ({page}) => { | ||
| await expect(page.getByRole('heading', { name: 'Trondheim' })).toBeVisible(); | ||
| const submit = page.getByRole('button', { name: 'Søk nå!' }); | ||
|
|
||
| const firstname = page.getByPlaceholder('Fornavn'); | ||
| const surname = page.getByPlaceholder('Etternavn'); | ||
| const email = page.getByPlaceholder('E-post'); | ||
| const phone = page.getByPlaceholder('Telefon nr'); | ||
| const studyprogram = page.getByPlaceholder('Linje'); | ||
|
|
||
| await expect(firstname).toBeVisible(); | ||
| await expect(surname).toBeVisible(); | ||
| await expect(email).toBeVisible(); | ||
| await expect(phone).toBeVisible(); | ||
| await expect(studyprogram).toBeVisible(); | ||
| await expect(submit).toBeVisible(); | ||
|
|
||
| await firstname.fill('John'); | ||
| await surname.fill('Doe'); | ||
| await email.fill('[email protected]'); | ||
| await phone.fill('00000000'); | ||
| await studyprogram.fill('mtdt'); | ||
|
|
||
| await submit.click(); | ||
| await expect(page.getByRole('heading', { name: 'Assistenter' })).toBeInViewport() | ||
| }) | ||
|
|
||
|
|
||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.