You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.9 KiB
51 lines
1.9 KiB
import type { Page } from '@playwright/test';
|
|
|
|
import { expect } from '@playwright/test';
|
|
|
|
export async function authLogin(page: Page) {
|
|
// 确保登录表单正常
|
|
const usernameInput = await page.locator(`input[name='username']`);
|
|
await expect(usernameInput).toBeVisible();
|
|
|
|
const passwordInput = await page.locator(`input[name='password']`);
|
|
await expect(passwordInput).toBeVisible();
|
|
|
|
const sliderCaptcha = await page.locator(`div[name='captcha']`);
|
|
const sliderCaptchaAction = await page.locator(`div[name='captcha-action']`);
|
|
await expect(sliderCaptcha).toBeVisible();
|
|
await expect(sliderCaptchaAction).toBeVisible();
|
|
|
|
// 拖动验证码滑块
|
|
// 获取拖动按钮的位置
|
|
const sliderCaptchaBox = await sliderCaptcha.boundingBox();
|
|
if (!sliderCaptchaBox) throw new Error('滑块未找到');
|
|
|
|
const actionBoundingBox = await sliderCaptchaAction.boundingBox();
|
|
if (!actionBoundingBox) throw new Error('要拖动的按钮未找到');
|
|
|
|
// 计算起始位置和目标位置
|
|
const startX = Math.round(actionBoundingBox.x + actionBoundingBox.width / 2);
|
|
const startY = Math.round(actionBoundingBox.y + actionBoundingBox.height / 2);
|
|
|
|
const targetX = Math.round(
|
|
sliderCaptchaBox.x + sliderCaptchaBox.width - actionBoundingBox.width / 2,
|
|
);
|
|
const targetY = startY;
|
|
|
|
// 模拟鼠标拖动
|
|
await page.mouse.move(startX, startY);
|
|
await page.mouse.down();
|
|
await page.mouse.move(targetX, targetY, { steps: 20 });
|
|
await page.mouse.up();
|
|
|
|
// 在拖动后进行断言，检查action是否在预期位置,
|
|
await expect
|
|
.poll(async () => {
|
|
const newActionBoundingBox = await sliderCaptchaAction.boundingBox();
|
|
return newActionBoundingBox?.x ?? actionBoundingBox.x;
|
|
})
|
|
.toBeGreaterThan(actionBoundingBox.x);
|
|
|
|
// 到这里已经校验成功，点击进行登录
|
|
await page.getByRole('button', { name: 'login' }).click();
|
|
}
|
|
|