ai-coding/playwright
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化文件路径

Browse Source
This commit is contained in:
dengqichen 2025-03-06 13:19:29 +08:00
parent 6b263fc83f
commit 6e36aa1cd3
4 changed files with 30 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
tests/longi-ibp/check-page-normal.test.js
View File

@ -14,18 +14,12 @@ test('隆基登录', async ({page}) => {
// 2. 导航到登录页面
await loginPage.navigateToLoginPage();
// 3. 等待页面加载完成
await page.waitForLoadState('networkidle');
// 4. 点击登录按钮 - 使用页面对象模型
const clickSuccess = await loginPage.clickLoginButton();
// 5. 验证点击是否成功
expect(clickSuccess, '验证是否登录成功').toBeTruthy();
let loginSuccess = await loginPage.isLoginSuccessful();
console.log(`登录状态: ${loginSuccess ? '成功' : '失败'}`);
// 10. 检查菜单数据文件是否存在
let menuItems = await mainPage.checkAndLoadMenuItems();

33
tests/pages/BasePage.js
View File

@ -56,13 +56,16 @@ class BasePage {
*/
initializeConfig() {
this.config = {
timeout: 30000, // 默认超时时间
timeout: {
page: 30000,
element: 30000,
navigate: 30000
},
pageLoad: {
maxRetries: 30,
retryInterval: 500,
stabilityDelay: 1000
},
menuTimeout: parseInt(process.env.MENU_TIME_OUT || '30000', 10)
}
};
}
@ -73,7 +76,7 @@ class BasePage {
async navigate(url) {
await this.page.goto(url, {
waitUntil: 'networkidle',
timeout: 30000
timeout: this.config.timeout.navigate
});
}
@ -87,13 +90,11 @@ class BasePage {
*/
async waitForElement(selector, options = {}) {
try {
const element = options.firstOnly ?
this.page.locator(selector).first() :
this.page.locator(selector);
const element = options.firstOnly ? this.page.locator(selector).first() : this.page.locator(selector);
await element.waitFor({
state: 'visible',
timeout: options.timeout || this.config.timeout
timeout: this.config.timeout.element
});
return options.returnBoolean ? true : element;
@ -110,7 +111,7 @@ class BasePage {
* @param {string} selector 元素选择器
* @param {Object} options 选项
*/
async click(selector, options = {}) {
async clickBySelector(selector, options = {}) {
const element = await this.waitForElement(selector, options);
await element.click(options);
}
@ -120,7 +121,7 @@ class BasePage {
* @param {Object} element Playwright元素对象
* @returns {Promise<boolean>} 是否点击成功
*/
async safeClick(element) {
async clickByElement(element) {
try {
await element.click();
return true;
@ -135,7 +136,7 @@ class BasePage {
* @param {string} selector 要点击的元素选择器
* @returns {Promise<boolean>} 操作是否成功
*/
async clickAndWaitForLoad(selector) {
async clickBySelectorAndWaitForLoad(selector) {
try {
const element = await this.waitForElement(selector);
await element.click();
@ -147,9 +148,9 @@ class BasePage {
}
}
async safeClickAndWaitForLoad(element) {
async clickByElementAndWaitForLoad(element) {
try {
await this.click(element);
await this.clickBySelector(element);
await this.waitForPageLoad();
return true;
} catch (error) {
@ -174,7 +175,7 @@ class BasePage {
*/
async waitForPageLoad() {
await this.page.waitForLoadState('networkidle', {
timeout: 30000
timeout: this.config.timeout.page
});
}
@ -232,7 +233,7 @@ class BasePage {
for (const selector of errorSelectors) {
const elements = await this.page.locator(selector).all();
if (elements.length > 0) {
const errorText = await this.getElementText(elements[0]);
const errorText = await this.getTextByElement(elements[0]);
console.error(`页面加载出现错误: ${pageName}, 错误信息: ${errorText}`);
return true;
}
@ -274,7 +275,7 @@ class BasePage {
* @param {Object} element Playwright元素对象
* @returns {Promise<string>} 元素文本
*/
async getElementText(element) {
async getTextByElement(element) {
try {
const text = await element.textContent();
return text.trim();

10
tests/pages/LongiLoginPage.js
View File

@ -53,6 +53,7 @@ class LongiLoginPage extends BasePage {
async navigateToLoginPage() {
console.log('当前使用的 BASE_URL:', process.env.BASE_URL);
await this.navigate(process.env.BASE_URL);
await this.waitForPageLoad();
}
/**
@ -61,17 +62,17 @@ class LongiLoginPage extends BasePage {
*/
async clickLoginButton() {
try {
await this.clickAndWaitForLoad(this.selectors.loginButton)
await this.clickBySelectorAndWaitForLoad(this.selectors.loginButton)
return true;
} catch (error) {
console.log('第一种方法失败，尝试备用方法...');
try {
await this.clickAndWaitForLoad(this.selectors.loginButtonByText)
await this.clickBySelectorAndWaitForLoad(this.selectors.loginButtonByText)
return true;
} catch (secondError) {
console.log('第二种方法也失败，尝试第三种方法...');
try {
await this.safeClickAndWaitForLoad(await this.page.locator(this.selectors.loginButtonFirst).first());
await this.clickByElementAndWaitForLoad(await this.page.locator(this.selectors.loginButtonFirst).first());
return true;
} catch (thirdError) {
console.error('所有方法都失败，无法点击登录按钮', thirdError);
@ -87,8 +88,7 @@ class LongiLoginPage extends BasePage {
*/
async isLoginSuccessful() {
// 登录成功后通常会重定向到其他页面
const currentUrl = await this.getCurrentUrl();
return currentUrl.includes('/dashboard');
return (await this.getCurrentUrl()).includes('/dashboard');
}
/**

14
tests/pages/LongiMainPage.js
View File

@ -49,7 +49,9 @@ class LongiMainPage extends BasePage {
// 添加或覆盖特定于 LongiMainPage 的配置
Object.assign(this.config, {
menuTimeout: parseInt(process.env.MENU_TIME_OUT || '30000', 10)
timeout: {
menuTimeout: parseInt(process.env.MENU_TIME_OUT || '30000', 10)
}
});
}
@ -234,7 +236,7 @@ class LongiMainPage extends BasePage {
* @returns {string} 菜单路径
* @private
*/
async getMenuPath(menuInfo, parentMenu = null) {
getMenuPath(menuInfo, parentMenu = null) {
return parentMenu ? `${parentMenu.text} > ${menuInfo.text}` : menuInfo.text;
}
@ -404,10 +406,10 @@ class LongiMainPage extends BasePage {
* @param {Object} parentMenu 父级菜单（可选）
*/
async handleMenuClick(menuInfo, parentMenu = null) {
const menuPath = this.getMenuPath(menuInfo, parentMenu);
const menuPath = await this.getMenuPath(menuInfo, parentMenu);
console.log(`点击菜单: ${menuPath}`);
if (!await this.safeClick(menuInfo.element)) {
if (!await this.clickByElement(menuInfo.element)) {
return;
}
@ -476,7 +478,7 @@ class LongiMainPage extends BasePage {
async getTabInfos(tabs) {
return Promise.all(
tabs.map(async element => ({
text: await this.getElementText(element),
text: await this.getTextByElement(element),
isActive: await element.evaluate(el => el.classList.contains('is-active')),
element: element
}))
@ -495,7 +497,7 @@ class LongiMainPage extends BasePage {
if (await this.canCloseTab(activeTab, closeButton)) {
await closeButton.waitFor({state: 'visible', timeout: 5000});
await this.safeClick(closeButton);
await this.clickByElement(closeButton);
await this.waitForTimeout(500);
} else {
console.log(`⚠️ [${parentMenu.text}] 没有找到可关闭的tab，继续执行...`);