add e2e test
This commit is contained in:
Андрей Бабушкин
parent
6978d83a80
commit
487fc85a04
7 changed files with 161 additions and 25 deletions
|
|
@ -7,11 +7,10 @@ import { defineConfig, devices } from '@playwright/test';
|
|||
*/
|
||||
export default defineConfig({
|
||||
testDir: './tests/playwright',
|
||||
fullyParallel: false,
|
||||
forbidOnly: !!process.env.CI,
|
||||
retries: process.env.CI ? 2 : 0,
|
||||
fullyParallel: true,
|
||||
retries: 0,
|
||||
workers: 1,
|
||||
reporter: process.env.CI ? 'html' : 'list',
|
||||
reporter: 'list',
|
||||
use: {
|
||||
baseURL: 'http://localhost:3333',
|
||||
trace: 'on-first-retry',
|
||||
|
|
@ -33,5 +32,6 @@ export default defineConfig({
|
|||
command: 'yarn start',
|
||||
url: 'http://localhost:3333',
|
||||
timeout: 120 * 1000,
|
||||
reuseExistingServer: true,
|
||||
},
|
||||
});
|
||||
42
frontend/tests/playwright/auth-state.json
Normal file
42
frontend/tests/playwright/auth-state.json
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
{
|
||||
"cookies": [],
|
||||
"origins": [
|
||||
{
|
||||
"origin": "http://localhost:3333",
|
||||
"localStorage": [
|
||||
{
|
||||
"name": "__$session-timezone$_local__",
|
||||
"value": "true"
|
||||
},
|
||||
{
|
||||
"name": "i18nextLng",
|
||||
"value": "en"
|
||||
},
|
||||
{
|
||||
"name": "theme",
|
||||
"value": "light"
|
||||
},
|
||||
{
|
||||
"name": "__$global-destinationPath$__",
|
||||
"value": "/"
|
||||
},
|
||||
{
|
||||
"name": "__$session-timezone$__",
|
||||
"value": "{\"label\":\"UTC +02:00\",\"value\":\"UTC+02\"}"
|
||||
},
|
||||
{
|
||||
"name": "__$session-mouseTrail$__",
|
||||
"value": "true"
|
||||
},
|
||||
{
|
||||
"name": "AuthStore",
|
||||
"value": "{\"authDetails\":\"{\\\"tenants\\\":true,\\\"sso\\\":null,\\\"ssoProvider\\\":null,\\\"enforceSSO\\\":null,\\\"edition\\\":\\\"foss\\\"}\",\"__mps__\":{\"expireInTimestamp\":1748009041183}}"
|
||||
},
|
||||
{
|
||||
"name": "UserStore",
|
||||
"value": "{\"siteId\":null,\"tenants\":[],\"jwt\":null,\"spotJwt\":null,\"scopeState\":null,\"onboarding\":false,\"account\":\"{}\"}"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,26 +1,38 @@
|
|||
import { authStateFile, testUseAuthState } from './helpers';
|
||||
import { test } from '@playwright/test';
|
||||
import { expect, test as setup } from '@playwright/test';
|
||||
|
||||
testUseAuthState();
|
||||
|
||||
test('authenticate', async ({ page }) => {
|
||||
await page.goto('/');
|
||||
setup.beforeEach(async ({ page }) => {
|
||||
await page.goto('http://localhost:3333');
|
||||
});
|
||||
|
||||
setup('authenticate', async ({ page }) => {
|
||||
await page.goto('/login');
|
||||
|
||||
try {
|
||||
const url = page.url();
|
||||
console.log('Current URL:', url);
|
||||
|
||||
if (url.includes('login')) {
|
||||
console.log('Already on login page, skipping authentication');
|
||||
await page.locator('[data-test-id="login"]').click();
|
||||
await page.locator('.ant-input-affix-wrapper').first().click();
|
||||
await page.locator('[data-test-id="login"]').fill('andrei@openreplay.com');
|
||||
await page
|
||||
.locator('[data-test-id="login"]')
|
||||
.fill('andrei@openreplay.com');
|
||||
await page.locator('[data-test-id="password"]').click();
|
||||
await page.locator('[data-test-id="password"]').fill('Andrey123!');
|
||||
await page.locator('[data-test-id="log-button"]').click();
|
||||
}
|
||||
await page.waitForSelector('h1:has-text("Sessions")', { timeout: 10000 });
|
||||
} catch (e) {}
|
||||
await expect(page.getByRole('heading', { name: 'Sessions' })).toBeVisible();
|
||||
} catch (e) {
|
||||
console.error('Error during authentication:', e);
|
||||
}
|
||||
|
||||
try {
|
||||
await page.context().storageState({ path: authStateFile });
|
||||
} catch {}
|
||||
} catch (e) {
|
||||
console.error('Error saving authentication state:', e);
|
||||
}
|
||||
});
|
||||
|
|
@ -3,7 +3,7 @@ import { exists } from "i18next";
|
|||
import { dirname } from "path";
|
||||
import { test } from "@playwright/test";
|
||||
|
||||
export const authStateFile = 'node_modules/playwright/auth-state.json';
|
||||
export const authStateFile = 'tests/playwright/auth-state.json';
|
||||
|
||||
mkdirSync(dirname(authStateFile), { recursive: true });
|
||||
|
||||
|
|
|
|||
|
|
@ -10,4 +10,5 @@ test('test', async ({ page }) => {
|
|||
await page.getByRole('button', { name: 'Android caret-down' }).click();
|
||||
await page.getByText('OpenReplay Documentation Site').click();
|
||||
await page.locator('#session-item').first().click();
|
||||
await expect(page.locator('#session-item')).toBeVisible();
|
||||
});
|
||||
15
frontend/tests/playwright/test-3.spec.ts
Normal file
15
frontend/tests/playwright/test-3.spec.ts
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test('test', async ({ page }) => {
|
||||
await page.goto('http://localhost:3333/login');
|
||||
await page.locator('[data-test-id="login"]').fill('andrei@openreplay.com');
|
||||
await page.locator('[data-test-id="password"]').click();
|
||||
await page.locator('[data-test-id="password"]').fill('Andrey123!');
|
||||
await page.locator('[data-test-id="log-button"]').click();
|
||||
await page.getByRole('button', { name: 'Android caret-down' }).click();
|
||||
await page.getByRole('menuitem', { name: 'OpenReplay Documentation Site' }).click();
|
||||
await page.getByTitle('Past 24 Hours').click();
|
||||
await page.getByTitle('Past 30 Days').click();
|
||||
await page.getByRole('button', { name: 'Refresh' }).click();
|
||||
await page.locator('#session-item').first().click();
|
||||
});
|
||||
66
tests/playwright/auth-state.json
Normal file
66
tests/playwright/auth-state.json
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
{
|
||||
"cookies": [],
|
||||
"origins": [
|
||||
{
|
||||
"origin": "http://localhost:3333",
|
||||
"localStorage": [
|
||||
{
|
||||
"name": "__$session-timezone$_local__",
|
||||
"value": "true"
|
||||
},
|
||||
{
|
||||
"name": "i18nextLng",
|
||||
"value": "en"
|
||||
},
|
||||
{
|
||||
"name": "theme",
|
||||
"value": "light"
|
||||
},
|
||||
{
|
||||
"name": "__$user-gettingStarted$__",
|
||||
"value": "{\"steps\":[{\"title\":\"🛠️ Install OpenReplay\",\"status\":\"completed\"},{\"title\":\"🕵️ Identify Users\",\"status\":\"completed\"},{\"title\":\"🧑💻 Invite Team Members\",\"status\":\"completed\"},{\"title\":\"🔌 Integrations\",\"status\":\"completed\"}],\"status\":\"completed\"}"
|
||||
},
|
||||
{
|
||||
"name": "__$global-destinationPath$__",
|
||||
"value": "/"
|
||||
},
|
||||
{
|
||||
"name": "___$or_spotToken$___",
|
||||
"value": "eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOjU4LCJ0ZW5hbnRJZCI6MSwiZXhwIjoxNzQ4MDA2MTI2LCJpc3MiOiJPcGVuUmVwbGF5LW9zcyIsImlhdCI6MTc0ODAwNTUyNiwiYXVkIjoic3BvdDpPcGVuUmVwbGF5In0.lwg8ylwBnEdpNxD0-795pwDcPubJRm2z9-_P8LBnI-KtFx8nCBpY5sIvcOwPPh0HYfRKXhHcdA0iu_1oAHB8JQ"
|
||||
},
|
||||
{
|
||||
"name": "__$session-timezone$__",
|
||||
"value": "{\"label\":\"UTC +02:00\",\"value\":\"UTC+02\"}"
|
||||
},
|
||||
{
|
||||
"name": "__$session-mouseTrail$__",
|
||||
"value": "true"
|
||||
},
|
||||
{
|
||||
"name": "__openreplay_health_status",
|
||||
"value": "1748005536080"
|
||||
},
|
||||
{
|
||||
"name": "__$user-siteId$__",
|
||||
"value": "109"
|
||||
},
|
||||
{
|
||||
"name": "__or__langBannerClosed",
|
||||
"value": "0"
|
||||
},
|
||||
{
|
||||
"name": "AuthStore",
|
||||
"value": "{\"authDetails\":\"{\\\"tenants\\\":true,\\\"sso\\\":null,\\\"ssoProvider\\\":null,\\\"enforceSSO\\\":null,\\\"edition\\\":\\\"foss\\\"}\",\"__mps__\":{\"expireInTimestamp\":1748009134445}}"
|
||||
},
|
||||
{
|
||||
"name": "UserStore",
|
||||
"value": "{\"siteId\":null,\"tenants\":[],\"jwt\":\"eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOjU4LCJ0ZW5hbnRJZCI6MSwiZXhwIjoxNzQ4MDkxOTI2LCJpc3MiOiJPcGVuUmVwbGF5LW9zcyIsImlhdCI6MTc0ODAwNTUyNiwiYXVkIjoiZnJvbnQ6T3BlblJlcGxheSJ9.p11bS55aedM9jfVHtBpFEalCpClac337KQNNvDF04WeSUrryLb99n76gyzfi8_gyeUu5UZ6h_eA0Gll5GxITcw\",\"spotJwt\":\"eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOjU4LCJ0ZW5hbnRJZCI6MSwiZXhwIjoxNzQ4MDA2MTI2LCJpc3MiOiJPcGVuUmVwbGF5LW9zcyIsImlhdCI6MTc0ODAwNTUyNiwiYXVkIjoic3BvdDpPcGVuUmVwbGF5In0.lwg8ylwBnEdpNxD0-795pwDcPubJRm2z9-_P8LBnI-KtFx8nCBpY5sIvcOwPPh0HYfRKXhHcdA0iu_1oAHB8JQ\",\"scopeState\":2,\"onboarding\":false,\"account\":\"{\\\"id\\\":58,\\\"email\\\":\\\"andrei@openreplay.com\\\",\\\"smtp\\\":false,\\\"expirationDate\\\":-1,\\\"permissions\\\":[],\\\"settings\\\":{\\\"modules\\\":[\\\"usability-tests\\\",\\\"feature-flags\\\"]},\\\"iceServers\\\":[],\\\"hasPassword\\\":true,\\\"apiKey\\\":\\\"48Vph82zUEWHmfPSUbgG\\\",\\\"edition\\\":\\\"foss\\\",\\\"optOut\\\":false,\\\"versionNumber\\\":\\\"1.17.0\\\",\\\"name\\\":\\\"Andrei\\\",\\\"createdAt\\\":1652690354756,\\\"admin\\\":true,\\\"superAdmin\\\":false}\"}"
|
||||
},
|
||||
{
|
||||
"name": "__openreplay_health_response",
|
||||
"value": "{\"overallHealth\":true,\"healthMap\":{\"databases\":{\"name\":\"Databases\",\"healthOk\":true,\"subservices\":{\"postgres\":{\"health\":true,\"details\":{}}},\"serviceName\":\"databases\"},\"ingestionPipeline\":{\"name\":\"Ingestion Pipeline\",\"healthOk\":true,\"subservices\":{\"redis\":{\"health\":true,\"details\":{}}},\"serviceName\":\"ingestionPipeline\"},\"backendServices\":{\"name\":\"Backend Services\",\"healthOk\":true,\"subservices\":{\"alerts\":{\"health\":true,\"details\":{}},\"assets\":{\"health\":true,\"details\":{}},\"assist\":{\"health\":true,\"details\":{}},\"chalice\":{\"health\":true,\"details\":{}},\"db\":{\"health\":true,\"details\":{}},\"ender\":{\"health\":true,\"details\":{}},\"frontend\":{\"health\":true,\"details\":{}},\"heuristics\":{\"health\":true,\"details\":{}},\"http\":{\"health\":true,\"details\":{}},\"ingress-nginx\":{\"health\":true,\"details\":{}},\"integrations\":{\"health\":true,\"details\":{}},\"sink\":{\"health\":true,\"details\":{}},\"sourcemapreader\":{\"health\":true,\"details\":{}},\"storage\":{\"health\":true,\"details\":{}}},\"serviceName\":\"backendServices\"}},\"details\":{\"numberOfSessionsCaptured\":214690,\"numberOfEventCaptured\":1816886}}"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue