refactor: 确立独立子工程架构 (backend, admin, mpuniapp) 并同步更新 AGENTS.md 规范
这个提交包含在：
wikiboss
@@ -0,0 +1,459 @@
|
||||
jest.setTimeout(50000)
|
||||
|
||||
const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
|
||||
const isMP = platformInfo.startsWith('mp')
|
||||
const isWeb = platformInfo.startsWith('web')
|
||||
const isIOS = platformInfo.startsWith('ios')
|
||||
const isHarmony = platformInfo.startsWith('harmony')
|
||||
const isAndroid = platformInfo.startsWith('android')
|
||||
const isAPP = isIOS || isAndroid || isHarmony
|
||||
const isAppWebView = process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true'
|
||||
const isDom2 = process.env.UNI_APP_X_DOM2 === "true"
|
||||
const isPad = process.env.UNI_AUTOMATOR_IS_PAD == 'true'
|
||||
|
||||
describe('component-native-input', () => {
|
||||
if (isMP || (isHarmony && isPad)) {
|
||||
it('skip', () => {
|
||||
expect(1).toBe(1)
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (isAppWebView) {
|
||||
it('app 与 web 存在差异, webview 不进行截图', () => {
|
||||
expect(1).toBe(1)
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
let page;
|
||||
beforeAll(async () => {
|
||||
page = await program.reLaunch('/pages/component/input/input')
|
||||
await page.waitFor('view');
|
||||
});
|
||||
|
||||
async function setPageData(newData) {
|
||||
return await page.setData({ data: newData });
|
||||
}
|
||||
|
||||
it('default focus', async () => {
|
||||
// 等待input获取焦点 & 键盘上推
|
||||
await page.waitFor(1000);
|
||||
const windowInfo = await program.callUniMethod('getWindowInfo');
|
||||
const screenShotOptions = {
|
||||
deviceShot: true,
|
||||
area: {
|
||||
x: 0,
|
||||
y: windowInfo.safeAreaInsets.top + 44,
|
||||
},
|
||||
}
|
||||
const image = await program.screenshot(screenShotOptions)
|
||||
expect(image).toSaveImageSnapshot()
|
||||
});
|
||||
|
||||
// 测试焦点及键盘弹起
|
||||
if(!isMP) {
|
||||
it('focus', async () => {
|
||||
const input = await page.$('#uni-input-focus');
|
||||
expect(await input.attribute('focus')).toBe("true")
|
||||
// expect(await page.data("inputFocusKeyBoardChangeValue")).toBe(true)
|
||||
await setPageData({focus: false})
|
||||
expect(await input.attribute('focus')).toBe("false")
|
||||
// await page.waitFor(1000)
|
||||
// expect(await page.data("inputFocusKeyBoardChangeValue")).toBe(false)
|
||||
// await page.setData({
|
||||
// focus: true,
|
||||
// })
|
||||
// expect(await input.attribute('focus')).toBe(true)
|
||||
// await page.waitFor(1000)
|
||||
// expect(await page.data("inputFocusKeyBoardChangeValue")).toBe(true)
|
||||
// await page.setData({
|
||||
// focus: false,
|
||||
// })
|
||||
// expect(await input.attribute('focus')).toBe(false)
|
||||
// await page.waitFor(1000)
|
||||
// expect(await page.data("inputFocusKeyBoardChangeValue")).toBe(false)
|
||||
// await page.waitFor(1000)
|
||||
});
|
||||
}
|
||||
// web ios 自动化测试时无法触发事件，手动测试可以
|
||||
// TODO: dom2 harmony 暂时不支持 holdKeyboard
|
||||
if ((isHarmony && !isDom2) || isAndroid) {
|
||||
it("focus and blur event", async () => {
|
||||
if (isHarmony) {
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000);
|
||||
}
|
||||
page.setData({
|
||||
triggerFocus: false,
|
||||
triggerBlur: false,
|
||||
})
|
||||
let pageData = await page.data('data')
|
||||
expect(pageData.triggerFocus).toBe(false)
|
||||
expect(pageData.triggerBlur).toBe(false)
|
||||
await page.callMethod('triggerFocusOrBlur')
|
||||
await page.waitFor(500)
|
||||
pageData = await page.data('data')
|
||||
expect(pageData.triggerFocus).toBe(true)
|
||||
expect(pageData.triggerBlur).toBe(false)
|
||||
const focusEventDetail = JSON.parse(pageData.focusAndBlurEventDetail)
|
||||
expect(focusEventDetail.height).not.toBe(undefined)
|
||||
await page.callMethod('triggerFocusOrBlur')
|
||||
await page.waitFor(500)
|
||||
pageData = await page.data('data')
|
||||
expect(pageData.triggerFocus).toBe(false)
|
||||
expect(pageData.triggerBlur).toBe(true)
|
||||
const blurEventDetail = JSON.parse(pageData.focusAndBlurEventDetail)
|
||||
expect(blurEventDetail.cursor).not.toBe(undefined)
|
||||
if (isHarmony) {
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 测试修改value属性
|
||||
it("value", async () => {
|
||||
const input = await page.$('#uni-input-default');
|
||||
expect(await input.property('value')).toEqual("hello uni-app x")
|
||||
})
|
||||
|
||||
//测试input的类型
|
||||
it("type", async () => {
|
||||
const text = await page.$('#uni-input-type-text');
|
||||
const number = await page.$('#uni-input-type-number');
|
||||
const numberPasswordFalse = await page.$('#uni-input-type-number-password-false');
|
||||
const digit = await page.$('#uni-input-type-digit');
|
||||
const tel = await page.$('#uni-input-type-tel');
|
||||
expect(await text.attribute('type')).toEqual("text")
|
||||
expect(await number.attribute('type')).toEqual("number")
|
||||
expect(await numberPasswordFalse.attribute('type')).toEqual("number")
|
||||
expect(await digit.attribute('type')).toEqual("digit")
|
||||
expect(await tel.attribute('type')).toEqual("tel")
|
||||
})
|
||||
|
||||
// 测试密码属性
|
||||
// it("password", async () => {
|
||||
// const input = await page.$('.uni-input-password');
|
||||
// expect(await input.attribute('password')).toBe(true)
|
||||
// await page.setData({
|
||||
// inputPassword: false,
|
||||
// inputPasswordValue: "inputPasswordValue"
|
||||
// })
|
||||
// expect(await input.attribute('password')).toBe(false)
|
||||
// await page.waitFor(500)
|
||||
// await page.setData({
|
||||
// inputPassword: true
|
||||
// })
|
||||
// })
|
||||
// 测试placeholder
|
||||
// it("placeholder", async () => {
|
||||
// const placeholder1 = await page.$('.uni-input-placeholder1');
|
||||
// expect(await placeholder1.attribute("placeholder-style")).toMatchObject({
|
||||
// "color": "red"
|
||||
// })
|
||||
// expect(await placeholder1.attribute("placeholder")).toEqual("占位符文字颜色为红色")
|
||||
// await page.setData({
|
||||
// inputPlaceHolderStyle: "color:#CC00CC",
|
||||
// })
|
||||
// expect(await placeholder1.attribute("placeholder-style")).toMatchObject({
|
||||
// "color": "#CC00CC"
|
||||
// })
|
||||
|
||||
// await page.setData({
|
||||
// inputPlaceHolderStyle: "color:#CC19CC;background-color:#00b1c0",
|
||||
// })
|
||||
// expect(await placeholder1.attribute("placeholder-style")).toMatchObject({
|
||||
// "color": "#CC19CC",
|
||||
// "backgroundColor": "#00b1c0"
|
||||
// })
|
||||
|
||||
// await page.setData({
|
||||
// inputPlaceHolderStyle: "color:#CC19CC;background-color:#00b1c0;text-align:center;font-size:44px;font-weight:900",
|
||||
// })
|
||||
// expect(await placeholder1.attribute("placeholder-style")).toEqual({
|
||||
// "backgroundColor": "#00b1c0",
|
||||
// "color": "#CC19CC",
|
||||
// "fontSize": "44px",
|
||||
// "fontWeight": "900",
|
||||
// "textAlign": "center"
|
||||
// })
|
||||
|
||||
// const placeholder2 = await page.$('.uni-input-placeholder2');
|
||||
// expect(await placeholder2.attribute("placeholder-class")).toMatchObject({
|
||||
// "backgroundColor": "#008000"
|
||||
// })
|
||||
// await page.setData({
|
||||
// inputPlaceHolderClass: "uni-input-placeholder-class-ts",
|
||||
// })
|
||||
// expect(await placeholder2.attribute("placeholder-class")).toMatchObject({
|
||||
// "backgroundColor": "#FFA500"
|
||||
// })
|
||||
// expect(await placeholder2.attribute("placeholder")).toEqual("占位符背景色为绿色")
|
||||
// })
|
||||
|
||||
if(isMP) {
|
||||
it("disable", async () => {
|
||||
const input = await page.$('#uni-input-disable');
|
||||
expect(await input.property("disabled")).toBe(true)
|
||||
})
|
||||
// 如下属性在自动化测试通过property、attribute + confirmType、confirm-type均无法获取
|
||||
// it("confirm-type", async () => {
|
||||
// expect(await (await page.$('#uni-input-confirm-send')).attribute("confirm-type")).toEqual("send")
|
||||
// expect(await (await page.$('#uni-input-confirm-search')).property("confirmType")).toEqual("search")
|
||||
// expect(await (await page.$('#uni-input-confirm-next')).property("confirmType")).toEqual("next")
|
||||
// expect(await (await page.$('#uni-input-confirm-go')).property("confirmType")).toEqual("go")
|
||||
// expect(await (await page.$('#uni-input-confirm-done')).property("confirmType")).toEqual("done")
|
||||
// })
|
||||
// it("cursor-color", async () => {
|
||||
// await page.setData({
|
||||
// cursor_color: "red",
|
||||
// })
|
||||
// await page.waitFor(500)
|
||||
// expect(await (await page.$('#uni-input-cursor-color')).property("cursor-color")).toBe("red")
|
||||
// })
|
||||
} else {
|
||||
it("disable", async () => {
|
||||
const input = await page.$('#uni-input-disable');
|
||||
expect(await input.attribute("disabled")).toBe("true")
|
||||
})
|
||||
it("confirm-type", async () => {
|
||||
expect(await (await page.$('#uni-input-confirm-send')).attribute("confirmType")).toEqual("send")
|
||||
expect(await (await page.$('#uni-input-confirm-search')).attribute("confirmType")).toEqual("search")
|
||||
expect(await (await page.$('#uni-input-confirm-next')).attribute("confirmType")).toEqual("next")
|
||||
expect(await (await page.$('#uni-input-confirm-go')).attribute("confirmType")).toEqual("go")
|
||||
expect(await (await page.$('#uni-input-confirm-done')).attribute("confirmType")).toEqual("done")
|
||||
})
|
||||
it("cursor-color", async () => {
|
||||
await setPageData({cursor_color: "red"})
|
||||
await page.waitFor(500)
|
||||
expect(await (await page.$('#uni-input-cursor-color')).attribute("cursor-color")).toBe("red")
|
||||
await setPageData({
|
||||
focus: false,
|
||||
cursorInputFocus: false,
|
||||
cursorColorInputFocus: true,
|
||||
selectionInputFocus: false,
|
||||
inputMaxLengthFocus: false,
|
||||
firstInputFocus: false,
|
||||
numberPasswordFalseFocus: false,
|
||||
})
|
||||
// 等待键盘上推
|
||||
await page.waitFor(1000)
|
||||
const windowInfo = await program.callUniMethod('getWindowInfo');
|
||||
const image1 = await program.screenshot({
|
||||
deviceShot: true,
|
||||
area: {
|
||||
x: 70,
|
||||
y: windowInfo.safeAreaInsets.top + 44 + 100,
|
||||
width: 30,
|
||||
height: 40,
|
||||
},
|
||||
})
|
||||
expect(image1).toSaveImageSnapshot()
|
||||
// 两张截图，避免光标闪烁截不到
|
||||
const image2 = await program.screenshot({
|
||||
deviceShot: true,
|
||||
area: {
|
||||
x: 70,
|
||||
y: windowInfo.safeAreaInsets.top + 44 + 100,
|
||||
width: 30,
|
||||
height: 40,
|
||||
},
|
||||
})
|
||||
expect(image2).toSaveImageSnapshot()
|
||||
})
|
||||
}
|
||||
|
||||
// it("maxlength", async () => {
|
||||
// const input = await page.$('.uni-input-maxlength');
|
||||
// await page.setData({
|
||||
// inputMaxLengthValue: "uni-input-maxlength"
|
||||
// })
|
||||
// await page.waitFor(500)
|
||||
// })
|
||||
|
||||
|
||||
it("maxlength", async () => {
|
||||
const input = await page.$('#uni-input-maxlength');
|
||||
let str = "";
|
||||
for (let i = 0; i < 200; i++) {
|
||||
str += `${i}`
|
||||
}
|
||||
await setPageData({inputMaxLengthValue: str})
|
||||
let length = (await input.value()).length
|
||||
expect(length).toBe(10)
|
||||
await setPageData({inputMaxLengthValue: ""})
|
||||
})
|
||||
|
||||
it("password and value order", async () => {
|
||||
const input = await page.$('#uni-input-password');
|
||||
let length = (await input.value()).length
|
||||
expect(length).toBe(6)
|
||||
await setPageData({inputPasswordValue: ""})
|
||||
})
|
||||
|
||||
it("keyboard height changed after page back", async () => {
|
||||
// TODO: dom2 harmony 暂时不支持 holdKeyboard
|
||||
if (isWeb || isMP || isIOS || isDom2) {
|
||||
expect(1).toBe(1)
|
||||
return
|
||||
}
|
||||
// TODO: harmony 页面隐藏时需要隐藏键盘
|
||||
if (isHarmony) {
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000);
|
||||
}
|
||||
await program.navigateTo("/pages/API/navigator/new-page/new-page-3")
|
||||
await page.waitFor(2000);
|
||||
await program.navigateBack()
|
||||
await page.waitFor(1000);
|
||||
await setPageData({focusedForKeyboardHeightChangeTest: true})
|
||||
await page.waitFor(2000);
|
||||
|
||||
const keyboardHeight = await page.data('data.keyboardHeight');
|
||||
expect(keyboardHeight).toBeGreaterThan(25)
|
||||
//reset
|
||||
await setPageData({
|
||||
focusedForKeyboardHeightChangeTest: false,
|
||||
keyboardHeight: 0
|
||||
})
|
||||
if (isHarmony) {
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000);
|
||||
}
|
||||
})
|
||||
|
||||
it('focus with value', async () => {
|
||||
await setPageData({
|
||||
focus: false,
|
||||
cursorInputFocus: false,
|
||||
cursorColorInputFocus: false,
|
||||
selectionInputFocus: false,
|
||||
inputMaxLengthFocus: false,
|
||||
})
|
||||
await page.waitFor(1000)
|
||||
|
||||
await setPageData({
|
||||
firstInputFocus: true
|
||||
})
|
||||
await page.waitFor(1000)
|
||||
|
||||
await program.pageScrollTo(0)
|
||||
await page.waitFor(1000)
|
||||
|
||||
const windowInfo = await program.callUniMethod('getWindowInfo');
|
||||
const screenShotOptions = {
|
||||
deviceShot: true,
|
||||
area: {
|
||||
x: 120,
|
||||
y: windowInfo.safeAreaInsets.top + 44 + 150,
|
||||
width: 20,
|
||||
height: 25,
|
||||
},
|
||||
}
|
||||
const image1 = await program.screenshot(screenShotOptions)
|
||||
expect(image1).toSaveImageSnapshot()
|
||||
// 两张截图，避免光标闪烁截不到
|
||||
const image2 = await program.screenshot(screenShotOptions)
|
||||
expect(image2).toSaveImageSnapshot()
|
||||
|
||||
expect(image2).toSaveImageSnapshot()
|
||||
await setPageData({
|
||||
firstInputFocus: false,
|
||||
})
|
||||
if (isHarmony) {
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000);
|
||||
}
|
||||
})
|
||||
|
||||
it('both set modelValue and value', async () => {
|
||||
const input2 = await page.$('#both-model-value');
|
||||
expect(await input2.value()).toEqual("123")
|
||||
})
|
||||
|
||||
it("screenshot full page", async () => {
|
||||
const image = await program.screenshot({
|
||||
fullPage: true
|
||||
})
|
||||
expect(image).toSaveImageSnapshot()
|
||||
})
|
||||
it("placeholder-class should clear style after update empty string", async () => {
|
||||
await setPageData({
|
||||
inputPlaceHolderClass: ""
|
||||
})
|
||||
await page.waitFor(1000)
|
||||
const image = await program.screenshot({
|
||||
fullPage: true
|
||||
})
|
||||
expect(image).toSaveImageSnapshot()
|
||||
})
|
||||
if (isAPP) {
|
||||
it("type number password false focus with soft keyboard screenshot", async () => {
|
||||
await setPageData({
|
||||
focus: false,
|
||||
cursorInputFocus: false,
|
||||
cursorColorInputFocus: false,
|
||||
selectionInputFocus: false,
|
||||
inputMaxLengthFocus: false,
|
||||
firstInputFocus: false,
|
||||
typeNoneFocus: false,
|
||||
focusedForKeyboardHeightChangeTest: false,
|
||||
numberPasswordFalseFocus: false,
|
||||
})
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000)
|
||||
await program.pageScrollTo(0)
|
||||
await page.waitFor(1000)
|
||||
await setPageData({
|
||||
numberPasswordFalseFocus: true,
|
||||
})
|
||||
await page.waitFor(1500)
|
||||
const windowInfo = await program.callUniMethod('getWindowInfo');
|
||||
const image = await program.screenshot({
|
||||
deviceShot: true,
|
||||
area: {
|
||||
x: 0,
|
||||
y: windowInfo.safeAreaInsets.top + 44,
|
||||
}
|
||||
})
|
||||
expect(image).toSaveImageSnapshot()
|
||||
await setPageData({
|
||||
numberPasswordFalseFocus: false,
|
||||
})
|
||||
if (isHarmony) {
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
await page.waitFor(1000);
|
||||
}
|
||||
})
|
||||
|
||||
it("type none focus should not show keyboard", async () => {
|
||||
// 确保其他 input 失焦
|
||||
await setPageData({
|
||||
focus: false,
|
||||
cursorInputFocus: false,
|
||||
cursorColorInputFocus: false,
|
||||
selectionInputFocus: false,
|
||||
inputMaxLengthFocus: false,
|
||||
firstInputFocus: false,
|
||||
numberPasswordFalseFocus: false,
|
||||
})
|
||||
await program.tap({ x: 100, y: 50 })
|
||||
// type none input 获取焦点后不应该弹出键盘，等待一段时间截图确认
|
||||
await setPageData({
|
||||
typeNoneFocus: true,
|
||||
})
|
||||
await page.waitFor(1000
|
||||
)
|
||||
const windowInfo = await program.callUniMethod('getWindowInfo');
|
||||
const image = await program.screenshot({
|
||||
deviceShot: true,
|
||||
area: {
|
||||
x: 0,
|
||||
y: windowInfo.safeAreaInsets.top + 44,
|
||||
}
|
||||
})
|
||||
expect(image).toSaveImageSnapshot()
|
||||
})
|
||||
}
|
||||
});
|
||||
在新工单中引用
屏蔽一个用户