kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

ci: add code check badges and coverage reports

Browse Source
This commit is contained in:
admin-bot
2026-05-29 12:05:43 +09:00
parent c489c7c38f
commit a830242947
164 changed files with 9059 additions and 2012 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
userfront-e2e/tests/login-performance-budget.spec.ts
View File

@@ -1,11 +1,11 @@
import {
devices,
expect,
test,
type Page,
type Request,
type Response,
} from '@playwright/test';
test,
} from "@playwright/test";
type LoadMetrics = {
appOrigin: string;
@@ -18,20 +18,20 @@ type LoadMetrics = {
};
async function mockPublicApis(page: Page): Promise<void> {
await page.route('**/api/v1/**', async (route) => {
await page.route("**/api/v1/**", async (route) => {
const requestUrl = new URL(route.request().url());
if (requestUrl.pathname.endsWith('/api/v1/user/me')) {
if (requestUrl.pathname.endsWith("/api/v1/user/me")) {
await route.fulfill({
status: 401,
contentType: 'application/json',
body: JSON.stringify({ error: 'unauthorized' }),
contentType: "application/json",
body: JSON.stringify({ error: "unauthorized" }),
});
return;
}
await route.fulfill({
status: 200,
contentType: 'application/json',
contentType: "application/json",
body: JSON.stringify({}),
});
});
@@ -39,7 +39,7 @@ async function mockPublicApis(page: Page): Promise<void> {
async function measureSigninLoad(page: Page): Promise<LoadMetrics> {
const appOrigin = new URL(
process.env.BASE_URL ?? `http://127.0.0.1:${process.env.PORT ?? '4173'}`,
process.env.BASE_URL ?? `http://127.0.0.1:${process.env.PORT ?? "4173"}`,
).origin;
const requestedUrls: string[] = [];
const requestedPathCounts = new Map<string, number>();
@@ -50,7 +50,7 @@ async function measureSigninLoad(page: Page): Promise<LoadMetrics> {
const onRequest = (request: Request) => {
const requestUrl = new URL(request.url());
requestedUrls.push(request.url());
if (requestUrl.protocol === 'http:' || requestUrl.protocol === 'https:') {
if (requestUrl.protocol === "http:" || requestUrl.protocol === "https:") {
const resourceKey = `${requestUrl.origin}${requestUrl.pathname}`;
requestedPathCounts.set(
resourceKey,
@@ -61,28 +61,31 @@ async function measureSigninLoad(page: Page): Promise<LoadMetrics> {
const onResponse = async (response: Response) => {
const url = new URL(response.url());
const cacheControl = response.headers()['cache-control'];
const cacheControl = response.headers()["cache-control"];
if (cacheControl) {
cacheControlByPath.set(url.pathname, cacheControl);
}
const contentEncoding = response.headers()['content-encoding'];
const contentEncoding = response.headers()["content-encoding"];
if (contentEncoding) {
contentEncodingByPath.set(url.pathname, contentEncoding);
}
const timing = response.request().timing();
if (timing.responseEnd >= 0) {
const sizes = await response.request().sizes().catch(() => null);
const sizes = await response
.request()
.sizes()
.catch(() => null);
transferredBytes += sizes?.responseBodySize ?? 0;
}
};
page.on('request', onRequest);
page.on('response', onResponse);
page.on("request", onRequest);
page.on("response", onResponse);
try {
const start = performance.now();
await page.goto('/ko/signin', { waitUntil: 'networkidle' });
await page.goto("/ko/signin", { waitUntil: "networkidle" });
await expect(page).toHaveURL(/\/ko\/signin(?:\?.*)?$/);
const durationMs = Math.round(performance.now() - start);
@@ -96,8 +99,8 @@ async function measureSigninLoad(page: Page): Promise<LoadMetrics> {
contentEncodingByPath,
};
} finally {
page.off('request', onRequest);
page.off('response', onResponse);
page.off("request", onRequest);
page.off("response", onResponse);
}
}
@@ -109,13 +112,13 @@ function expectNoDuplicateStaticRequests(metrics: LoadMetrics): void {
return (
count > 1 &&
resourceUrl.origin === metrics.appOrigin &&
!path.startsWith('/api/') &&
!path.endsWith('/ko/signin') &&
!path.endsWith('/') &&
!path.endsWith('/main.dart.wasm') &&
!path.endsWith('/main.dart.mjs') &&
!path.endsWith('/skwasm.js') &&
!path.endsWith('/skwasm.wasm')
!path.startsWith("/api/") &&
!path.endsWith("/ko/signin") &&
!path.endsWith("/") &&
!path.endsWith("/main.dart.wasm") &&
!path.endsWith("/main.dart.mjs") &&
!path.endsWith("/skwasm.js") &&
!path.endsWith("/skwasm.wasm")
);
},
);
@@ -126,41 +129,41 @@ function resolvePerformanceBudget(projectName: string): {
coldMs: number;
warmMs: number;
} {
if (projectName.includes('webkit')) {
if (projectName.includes("webkit")) {
return { coldMs: 4000, warmMs: 4000 };
}
if (projectName.includes('firefox')) {
if (projectName.includes("firefox")) {
return { coldMs: 2600, warmMs: 2800 };
}
if (projectName.includes('mobile')) {
if (projectName.includes("mobile")) {
return { coldMs: 3000, warmMs: 2300 };
}
return { coldMs: 2300, warmMs: 1500 };
}
function resolveRootRedirectBudget(projectName: string): number {
if (projectName.includes('webkit')) {
if (projectName.includes("webkit")) {
return 700;
}
if (projectName.includes('firefox')) {
if (projectName.includes("firefox")) {
return 600;
}
return 300;
}
test.describe('UserFront login performance budget', () => {
test('mobile Chrome service worker install does not fetch unused CanvasKit variants', async ({
test.describe("UserFront login performance budget", () => {
test("mobile Chrome service worker install does not fetch unused CanvasKit variants", async ({
browser,
}, testInfo) => {
test.skip(
testInfo.project.name !== 'chromium-mobile-webapp',
'service worker install race is covered once in the mobile Chromium project',
testInfo.project.name !== "chromium-mobile-webapp",
"service worker install race is covered once in the mobile Chromium project",
);
const context = await browser.newContext({
...devices['Pixel 7'],
locale: 'ko-KR',
serviceWorkers: 'allow',
...devices["Pixel 7"],
locale: "ko-KR",
serviceWorkers: "allow",
});
const page = await context.newPage();
await mockPublicApis(page);
@@ -168,22 +171,23 @@ test.describe('UserFront login performance budget', () => {
try {
const serviceWorkerResponse = await context.request.get(
new URL(
'/flutter_service_worker.js',
process.env.BASE_URL ?? `http://127.0.0.1:${process.env.PORT ?? '4173'}`,
"/flutter_service_worker.js",
process.env.BASE_URL ??
`http://127.0.0.1:${process.env.PORT ?? "4173"}`,
).toString(),
);
const serviceWorkerBody = await serviceWorkerResponse.text();
expect(serviceWorkerBody).not.toContain('"/canvaskit/');
expect(serviceWorkerBody).not.toContain('"/main.dart.');
await page.goto('/ko/signin', { waitUntil: 'domcontentloaded' });
await page.goto("/ko/signin", { waitUntil: "domcontentloaded" });
await page.waitForTimeout(3_000);
} finally {
await context.close();
}
});
test('warm login page load stays within the platform budget and reuses cached assets', async ({
test("warm login page load stays within the platform budget and reuses cached assets", async ({
page,
}, testInfo) => {
await mockPublicApis(page);
@@ -209,14 +213,14 @@ test.describe('UserFront login performance budget', () => {
...warm.contentEncodingByPath,
]);
const appShellCache = cacheControlByPath.get('/ko/signin') ?? '';
expect(appShellCache).toContain('no-cache');
const appShellCache = cacheControlByPath.get("/ko/signin") ?? "";
expect(appShellCache).toContain("no-cache");
const serviceWorkerState = await page.evaluate(async () => {
if (!('serviceWorker' in navigator)) {
if (!("serviceWorker" in navigator)) {
return {
available: false,
secure: window.isSecureContext,
scriptUrl: '',
scriptUrl: "",
};
}
const registrations = await navigator.serviceWorker.getRegistrations();
@@ -225,43 +229,48 @@ test.describe('UserFront login performance budget', () => {
available: true,
secure: window.isSecureContext,
count: registrations.length,
controller: navigator.serviceWorker.controller?.scriptURL ?? '',
controller: navigator.serviceWorker.controller?.scriptURL ?? "",
scriptUrl:
registration?.active?.scriptURL ??
registration?.waiting?.scriptURL ??
registration?.installing?.scriptURL ??
'',
"",
};
});
if (testInfo.project.name.includes('mobile') && serviceWorkerState.scriptUrl) {
if (
testInfo.project.name.includes("mobile") &&
serviceWorkerState.scriptUrl
) {
expect(new URL(serviceWorkerState.scriptUrl).pathname).toBe(
'/flutter_service_worker.js',
"/flutter_service_worker.js",
);
const serviceWorkerResponse = await page.context().request.get(
new URL('/flutter_service_worker.js', page.url()).toString(),
);
expect(serviceWorkerResponse.headers()['cache-control'] ?? '').toContain(
'no-cache',
const serviceWorkerResponse = await page
.context()
.request.get(
new URL("/flutter_service_worker.js", page.url()).toString(),
);
expect(serviceWorkerResponse.headers()["cache-control"] ?? "").toContain(
"no-cache",
);
} else {
expect(serviceWorkerState.scriptUrl).toBe('');
expect(serviceWorkerState.scriptUrl).toBe("");
}
expect(cold.durationMs).toBeGreaterThanOrEqual(0);
});
test('root redirects to localized signin before Flutter boots', async ({
test("root redirects to localized signin before Flutter boots", async ({
page,
}, testInfo) => {
await mockPublicApis(page);
const requestedUrls: string[] = [];
page.on('request', (request) => {
page.on("request", (request) => {
requestedUrls.push(request.url());
});
const start = performance.now();
await page.goto('/', { waitUntil: 'domcontentloaded' });
await page.goto("/", { waitUntil: "domcontentloaded" });
await expect(page).toHaveURL(/\/ko\/signin(?:\?.*)?$/);
const durationMs = Math.round(performance.now() - start);
@@ -269,10 +278,10 @@ test.describe('UserFront login performance budget', () => {
resolveRootRedirectBudget(testInfo.project.name),
);
const rootIndex = requestedUrls.findIndex(
(url) => new URL(url).pathname === '/',
(url) => new URL(url).pathname === "/",
);
const bootstrapIndex = requestedUrls.findIndex((url) =>
new URL(url).pathname.endsWith('/flutter_bootstrap.js'),
new URL(url).pathname.endsWith("/flutter_bootstrap.js"),
);
expect(rootIndex).toBeGreaterThanOrEqual(0);
expect(bootstrapIndex).toBeGreaterThan(rootIndex);