-
Notifications
You must be signed in to change notification settings - Fork 32
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* test: initial (e2e) implementation * test: add some test for settings * change description
- Loading branch information
1 parent
dcb5353
commit 317beaf
Showing
9 changed files
with
278 additions
and
0 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
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
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 |
---|---|---|
|
@@ -43,6 +43,7 @@ | |
"zustand": "4.4.1" | ||
}, | ||
"devDependencies": { | ||
"@playwright/test": "^1.43.1", | ||
"@types/uuid": "9.0.3" | ||
} | ||
} |
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,77 @@ | ||
import { defineConfig, devices } from '@playwright/test'; | ||
|
||
/** | ||
* Read environment variables from file. | ||
* https://github.com/motdotla/dotenv | ||
*/ | ||
// require('dotenv').config(); | ||
|
||
/** | ||
* See https://playwright.dev/docs/test-configuration. | ||
*/ | ||
export default defineConfig({ | ||
testDir: './tests', | ||
/* Run tests in files in parallel */ | ||
fullyParallel: true, | ||
/* Fail the build on CI if you accidentally left test.only in the source code. */ | ||
forbidOnly: !!process.env.CI, | ||
/* Retry on CI only */ | ||
retries: process.env.CI ? 2 : 0, | ||
/* Opt out of parallel tests on CI. */ | ||
workers: process.env.CI ? 1 : undefined, | ||
/* Reporter to use. See https://playwright.dev/docs/test-reporters */ | ||
reporter: 'html', | ||
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */ | ||
use: { | ||
/* Base URL to use in actions like `await page.goto('/')`. */ | ||
// baseURL: 'http://127.0.0.1:3000', | ||
|
||
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ | ||
trace: 'on-first-retry', | ||
}, | ||
|
||
/* Configure projects for major browsers */ | ||
projects: [ | ||
{ | ||
name: 'chromium', | ||
use: { ...devices['Desktop Chrome'] }, | ||
}, | ||
|
||
{ | ||
name: 'firefox', | ||
use: { ...devices['Desktop Firefox'] }, | ||
}, | ||
|
||
{ | ||
name: 'webkit', | ||
use: { ...devices['Desktop Safari'] }, | ||
}, | ||
|
||
/* Test against mobile viewports. */ | ||
// { | ||
// name: 'Mobile Chrome', | ||
// use: { ...devices['Pixel 5'] }, | ||
// }, | ||
// { | ||
// name: 'Mobile Safari', | ||
// use: { ...devices['iPhone 12'] }, | ||
// }, | ||
|
||
/* Test against branded browsers. */ | ||
// { | ||
// name: 'Microsoft Edge', | ||
// use: { ...devices['Desktop Edge'], channel: 'msedge' }, | ||
// }, | ||
// { | ||
// name: 'Google Chrome', | ||
// use: { ...devices['Desktop Chrome'], channel: 'chrome' }, | ||
// }, | ||
], | ||
|
||
/* Run your local dev server before starting the tests */ | ||
// webServer: { | ||
// command: 'npm run start', | ||
// url: 'http://127.0.0.1:3000', | ||
// reuseExistingServer: !process.env.CI, | ||
// }, | ||
}); |
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,14 @@ | ||
import { test, expect } from "@playwright/test"; | ||
|
||
test("should navigate to all pages", async ({ page }) => { | ||
await page.goto("http://localhost:3000/"); | ||
await expect(page.getByText("Choose a cube to load a")).toBeVisible(); | ||
await expect(page.getByRole("list")).toBeVisible(); | ||
await page.getByRole("link").nth(1).click(); | ||
await page.getByRole("link").nth(2).click(); | ||
await expect(page.getByText("Solves")).toBeVisible(); | ||
await page.getByRole("link").nth(3).click(); | ||
await expect(page.getByText("Metrics")).toBeVisible(); | ||
await page.getByRole("link").nth(3).click(); | ||
await expect(page.getByText("Cubes", { exact: true })).toBeVisible(); | ||
}); |
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,12 @@ | ||
import { test, expect } from "@playwright/test"; | ||
|
||
test("should create a cube from home-page", async ({ page }) => { | ||
await page.goto("http://localhost:3000/"); | ||
await page.getByRole("button", { name: "Select" }).click(); | ||
await expect(page.getByText("Favorites")).toBeVisible(); | ||
await page.getByRole("link", { name: "Add cube" }).click(); | ||
await page.getByPlaceholder("Brand | Model | Version |").click(); | ||
await page.getByPlaceholder("Brand | Model | Version |").fill("test"); | ||
await page.getByRole("button", { name: "Create" }).click(); | ||
await expect(page.getByText("test")).toBeVisible(); | ||
}); |
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,11 @@ | ||
import { test, expect } from "@playwright/test"; | ||
|
||
test("Should create a cube from cubes-page", async ({ page }) => { | ||
await page.goto("http://localhost:3000/cubes"); | ||
await expect(page.getByText("Cubes", { exact: true })).toBeVisible(); | ||
await page.getByRole("button").click(); | ||
await page.getByPlaceholder("Brand | Model | Version |").fill("test"); | ||
await page.getByRole("img", { name: "3x3", exact: true }).click(); | ||
await page.getByRole("button", { name: "Create" }).click(); | ||
await expect(page.getByText("test")).toBeVisible(); | ||
}); |
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,14 @@ | ||
import { test, expect } from "@playwright/test"; | ||
|
||
test("Should create and delete a cube", async ({ page }) => { | ||
await page.goto("http://localhost:3000/cubes"); | ||
await page.getByRole("button").click(); | ||
await page.getByPlaceholder("Brand | Model | Version |").click(); | ||
await page.getByPlaceholder("Brand | Model | Version |").fill("test"); | ||
await page.getByRole("button", { name: "Create" }).click(); | ||
await expect(page.getByText("test")).toBeVisible(); | ||
await page.getByRole("button").nth(2).click(); | ||
await page.getByRole("button", { name: "Delete" }).click(); | ||
await page.getByRole("button", { name: "Confirm" }).click(); | ||
await expect(page.getByText("No cubes for display.")).toBeVisible(); | ||
}); |
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,85 @@ | ||
import { test, expect } from "@playwright/test"; | ||
|
||
test.describe("Should try all settings", () => { | ||
test("Should change language", async ({ page }) => { | ||
await page.goto("http://localhost:3000/"); | ||
await expect(page.getByText("Choose a cube to load a")).toBeVisible(); | ||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await expect(page.getByText("Language")).toBeVisible(); | ||
await page.getByRole("combobox").selectOption("es"); | ||
await expect(page.getByText("Idioma")).toBeVisible(); | ||
await page.getByRole("combobox").selectOption("en"); | ||
await expect(page.getByText("Language")).toBeVisible(); | ||
}); | ||
|
||
test("Should hide scramble image", async ({ page }) => { | ||
await page.goto("http://localhost:3000/"); | ||
await expect(page.getByText("Choose a cube to load a")).toBeVisible(); | ||
|
||
await expect(page.locator("twisty-player")).toBeVisible(); | ||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await page.getByRole("switch", { name: "Scramble image" }).click(); | ||
await page.locator(".sm\\:grow").click(); | ||
await expect(page.locator("twisty-player")).toHaveCount(0); | ||
|
||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await page.getByRole("switch", { name: "Scramble image" }).click(); | ||
await page.locator(".sm\\:grow").click(); | ||
await expect(page.locator("twisty-player")).toBeVisible(); | ||
}); | ||
|
||
test("Should toggle display timer stats", async ({ page }) => { | ||
await page.goto("http://localhost:3000/"); | ||
await expect(page.getByText("Choose a cube to load a")).toBeVisible(); | ||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await page.locator(".sm\\:grow").click(); | ||
await expect(page.getByText("Deviation:")).toBeVisible(); | ||
await expect(page.getByText("Ao5: --")).toBeVisible(); | ||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await page.getByRole("switch", { name: "Session stats" }).click(); | ||
await page.locator(".sm\\:grow").click(); | ||
await expect(page.getByText("Deviation:")).toHaveCount(0); | ||
await expect(page.getByText("Ao5: --")).toHaveCount(0); | ||
}); | ||
|
||
test("Should toggle manual mode", async ({ page }) => { | ||
await page.goto("http://localhost:3000/"); | ||
await expect(page.getByText("Choose a cube to load a")).toBeVisible(); | ||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await page.getByRole("switch", { name: "Manual mode" }).click(); | ||
await page.locator(".sm\\:grow").click(); | ||
await expect(page.getByPlaceholder("...")).toBeVisible(); | ||
await page | ||
.locator("div") | ||
.filter({ hasText: /^SelectChoose a cube to load a scramble\.$/ }) | ||
.getByRole("link") | ||
.click(); | ||
await page.getByRole("switch", { name: "Manual mode" }).click(); | ||
await page.locator(".sm\\:grow").click(); | ||
await expect(page.getByPlaceholder("...")).toHaveCount(0); | ||
}); | ||
}); |