feat: 카카오 계정의 본인 복구와 인증 후 연결 교체를 추가한다
This commit is contained in:
Hide_D committed
1 parent
d1cdf8a85f
commit
c81d304073
22 files changed
+1338
-199
No files matched your search
@@ -1,4 +1,5 @@
|
||||
import { generateKeyPairSync } from 'node:crypto';
|
||||
import { writeFile } from 'node:fs/promises';
|
||||
|
||||
import { expect, test, type Page, type Route } from '@playwright/test';
|
||||
|
||||
@@ -172,3 +173,174 @@ for (const viewport of [
|
||||
expect(geometry.right).toBeLessThanOrEqual(viewport.width);
|
||||
});
|
||||
}
|
||||
|
||||
const installSelfRecoveryFixture = async (page: Page, byPassword: boolean) => {
|
||||
const calls: string[] = [];
|
||||
let loggedIn = false;
|
||||
let passwordAttempts = 0;
|
||||
let release: (() => void) | undefined;
|
||||
await page.route('**/gateway/api/trpc/**', async (route) => {
|
||||
const results = [];
|
||||
for (const operation of operationNames(route)) {
|
||||
calls.push(operation);
|
||||
let data: unknown;
|
||||
if (operation === 'me')
|
||||
data = loggedIn
|
||||
? {
|
||||
id: 'self-user',
|
||||
username: 'self-user',
|
||||
displayName: '복구 사용자',
|
||||
roles: ['user'],
|
||||
kakaoVerified: true,
|
||||
}
|
||||
: null;
|
||||
else if (operation === 'lobby.notice') data = '';
|
||||
else if (operation === 'lobby.profiles') data = [];
|
||||
else if (operation === 'auth.passwordKey')
|
||||
data = { keyId: 'self-link-key', publicKeyPem, algorithm: 'RSA-OAEP-256' };
|
||||
else if (operation === 'auth.kakaoExchange')
|
||||
data = byPassword
|
||||
? {
|
||||
status: 'join',
|
||||
oauthSessionId: '33333333-3333-4333-8333-333333333333',
|
||||
email: 'new@example.test',
|
||||
}
|
||||
: {
|
||||
status: 'account_recovery',
|
||||
action: 'link_existing',
|
||||
oauthSessionId: '33333333-3333-4333-8333-333333333333',
|
||||
email: 'retained@example.test',
|
||||
passwordRequired: false,
|
||||
};
|
||||
else if (operation === 'auth.kakaoLinkWithPassword') {
|
||||
const input = Object.values(
|
||||
route.request().postDataJSON() as Record<
|
||||
string,
|
||||
{ username: string; credential: { ciphertext: string } }
|
||||
>
|
||||
)[0]!;
|
||||
expect(input.username).toBe('self-user');
|
||||
expect(input.credential.ciphertext).not.toBe('fixture-password');
|
||||
passwordAttempts++;
|
||||
if (passwordAttempts === 1) {
|
||||
results.push({
|
||||
error: {
|
||||
message: '기존 계정명 또는 비밀번호가 일치하지 않습니다.',
|
||||
code: -32001,
|
||||
data: { code: 'UNAUTHORIZED', httpStatus: 401 },
|
||||
},
|
||||
});
|
||||
continue;
|
||||
}
|
||||
await new Promise<void>((resolve) => {
|
||||
release = resolve;
|
||||
});
|
||||
data = {
|
||||
status: 'otp',
|
||||
successStatus: 'login',
|
||||
challengeId: '44444444-4444-4444-8444-444444444444',
|
||||
expiresAt: '2099-01-01T00:00:00Z',
|
||||
attemptsRemaining: 3,
|
||||
};
|
||||
} else if (operation === 'auth.kakaoResolveAccount')
|
||||
data = {
|
||||
status: 'otp',
|
||||
successStatus: 'login',
|
||||
challengeId: '44444444-4444-4444-8444-444444444444',
|
||||
expiresAt: '2099-01-01T00:00:00Z',
|
||||
attemptsRemaining: 3,
|
||||
};
|
||||
else if (operation === 'auth.kakaoOtp') {
|
||||
loggedIn = true;
|
||||
data = { status: 'login', sessionToken: 'fixture-self-recovered', validUntil: '2099-01-01T00:00:00Z' };
|
||||
} else throw new Error(`Unhandled self recovery operation: ${operation}`);
|
||||
results.push(response(data));
|
||||
}
|
||||
await route.fulfill({ contentType: 'application/json', body: JSON.stringify(results) });
|
||||
});
|
||||
return {
|
||||
calls,
|
||||
release: () => {
|
||||
expect(release).toBeDefined();
|
||||
release!();
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
for (const viewport of [
|
||||
{ name: 'desktop', width: 1200, height: 900 },
|
||||
{ name: 'mobile', width: 390, height: 844 },
|
||||
]) {
|
||||
for (const byPassword of [false, true]) {
|
||||
test(`self-recovers by ${byPassword ? 'existing password' : 'matching email'} and new talk OTP on ${viewport.name}`, async ({
|
||||
page,
|
||||
}, testInfo) => {
|
||||
await page.setViewportSize(viewport);
|
||||
const f = await installSelfRecoveryFixture(page, byPassword);
|
||||
await page.goto('/gateway/oauth/callback?code=fixture-code&state=fixture-state');
|
||||
if (byPassword) {
|
||||
await page.getByText('기존 계정 비밀번호로 연결', { exact: true }).click();
|
||||
const form = page.getByRole('form', { name: '기존 비밀번호로 카카오 연결' });
|
||||
await form.getByLabel('기존 계정명').fill('self-user');
|
||||
await form.getByLabel('기존 비밀번호').fill('wrong-password');
|
||||
const button = form.getByRole('button', { name: '비밀번호 확인 후 연결' });
|
||||
await button.click();
|
||||
await expect(page.getByRole('alert')).toContainText('일치하지 않습니다.');
|
||||
await form.getByLabel('기존 비밀번호').fill('fixture-password');
|
||||
await page.evaluate(() => document.fonts.ready);
|
||||
await button.hover();
|
||||
expect(await button.evaluate((el) => getComputedStyle(el).backgroundColor)).toBe('rgb(47, 77, 108)');
|
||||
await page.mouse.down();
|
||||
expect(await button.evaluate((el) => el.matches(':active'))).toBe(true);
|
||||
await page.mouse.move(1, 1);
|
||||
await page.mouse.up();
|
||||
await button.focus();
|
||||
await page.keyboard.press('Tab');
|
||||
await page.keyboard.press('Shift+Tab');
|
||||
await expect(button).toBeFocused();
|
||||
const geometry = await form.evaluate((el) => {
|
||||
const rect = el.getBoundingClientRect();
|
||||
return {
|
||||
left: rect.left,
|
||||
right: rect.right,
|
||||
width: rect.width,
|
||||
height: rect.height,
|
||||
viewport: innerWidth,
|
||||
fontSize: getComputedStyle(el).fontSize,
|
||||
html: el.outerHTML,
|
||||
overflow: document.documentElement.scrollWidth - innerWidth,
|
||||
};
|
||||
});
|
||||
expect(geometry.overflow).toBe(0);
|
||||
expect(geometry.right).toBeLessThanOrEqual(viewport.width);
|
||||
await writeFile(testInfo.outputPath('self-link-geometry.json'), JSON.stringify(geometry, null, 2));
|
||||
await writeFile(testInfo.outputPath('self-link-panel.html'), geometry.html);
|
||||
await testInfo.attach('self-link-geometry', {
|
||||
body: JSON.stringify(geometry),
|
||||
contentType: 'application/json',
|
||||
});
|
||||
await page.screenshot({ path: testInfo.outputPath('self-link-password.png'), fullPage: true });
|
||||
await button.click();
|
||||
await expect(form.getByRole('button')).toBeDisabled();
|
||||
await expect.poll(() => f.calls.filter((call) => call === 'auth.kakaoLinkWithPassword').length).toBe(2);
|
||||
f.release();
|
||||
} else {
|
||||
await page.getByRole('button', { name: '기존 계정에 연결', exact: true }).click();
|
||||
}
|
||||
const dialog = page.getByRole('dialog', { name: '인증 코드 필요' });
|
||||
await expect(dialog).toBeVisible();
|
||||
expect(await page.evaluate(() => localStorage.getItem('sammo-session-token'))).toBeNull();
|
||||
await page.screenshot({ path: testInfo.outputPath('self-link-before-commit.png'), fullPage: true });
|
||||
await dialog.locator('input').fill('1234');
|
||||
await dialog.getByRole('button', { name: '제출', exact: true }).click();
|
||||
await expect(page).toHaveURL(/\/gateway\/lobby$/);
|
||||
expect(await page.evaluate(() => localStorage.getItem('sammo-session-token'))).toBe(
|
||||
'fixture-self-recovered'
|
||||
);
|
||||
expect(f.calls).not.toContain('auth.register');
|
||||
expect(f.calls).not.toContain('admin.users.setKakaoReplacementApproval');
|
||||
await page.reload();
|
||||
await expect(page).toHaveURL(/\/gateway\/lobby$/);
|
||||
});
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user