460 行
15 KiB
JavaScript
460 行
15 KiB
JavaScript
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()
|
|
})
|
|
}
|
|
});
|