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()
    })
  }
});