textarea.test.js

// uni-app自动化测试教程: uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/

describe('component-native-textarea', () => {
  const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
  const isAndroid = platformInfo.startsWith('android')
  const isIOS = platformInfo.startsWith('ios')
  const isMP = platformInfo.startsWith('mp')
  const isWeb = platformInfo.startsWith('web')

  let page;
  let textarea;
  beforeAll(async () => {
    page = await program.reLaunch("/pages/component/textarea/textarea");
    await page.waitFor(3000);
    textarea = await page.$('.uni-textarea');
    await page.waitFor(1000);
  });

  beforeEach(async () => {
    await page.setData({
      jest_result: false,
    })
  });

  if(isAndroid){
    it("input event triggered when the default value is", async () => {
        await program.adbCommand("input text 1")
        await page.waitFor(2000)
        let res = await page.data('jest_result');
        expect(res).toBe(true)
    })
    it("reset status", async () => {
      await program.adbCommand("input keyevent KEYCODE_DEL")
      await page.waitFor(2000)
    })
  }

  if(!isMP) {
    // TODO 微信小程序自动化测试textarea focus属性取到的是数字
    it('focus', async () => {
      expect(await textarea.attribute("focus")).toBe("true")
      await page.setData({
        focus_boolean: false,
      })
      await page.waitFor(500)
      expect(await textarea.attribute("focus")).toBe("false")
    });
  }
  it("auto-height", async () => {
    await page.setData({
      default_value: "",
      auto_height_boolean: true
    })
    await page.waitFor(500)
    var {
      width,
      height
    } = await textarea.size()
    expect(height).toBeLessThanOrEqual(200)
    if(!isMP) {
      // TODO 微信小程序auto-height由true切换成false时不会影响text-area高度
      await page.setData({
        default_value: "1\n2\n3\n4\n5\n6",
        auto_height_boolean: false
      })
      await page.waitFor(500)
      var {
        width,
        height
      } = await textarea.size()
      expect(height).toEqual(200)
    }
  })

  if(!isMP) {
    // 微信小程序text-area不支持cursor-color属性
    it("cursor-color", async () => {
      await page.setData({
        cursor_color: "transparent",
      })
      await page.waitFor(500)
      expect(await textarea.attribute("cursor-color")).toBe("transparent")
    })
  }

  it("flex 1 height exception", async () => {
    const bottomTextarea = await page.$('#textarea-height-exception');
    var {
      height
    } = await bottomTextarea.size()
    expect(height).toEqual(150)
  })


  if(!isMP) {
    // 微信小程序自动化测试无法获取inputmode属性
    it("inputmode", async () => {
      const inputmodeEnum = await page.data("inputmode_enum")
      for (var i = 0; i < inputmodeEnum.length; i++) {
        var x = inputmodeEnum[i]
        console.log(x['value'], x['name'])
        var selected = x['value'] - 1
        if (i == inputmodeEnum.length - 1) {
          selected = i
        }
        await page.callMethod("radio_change_inputmode_enum", selected);
        await page.waitFor(500)
        expect(await textarea.attribute("inputmode")).toEqual(x['name'])
        await page.waitFor(500)
      }
    })
  }

  it("maxlength", async () => {
    const input = await page.$('#textarea-instance-maxlength');
    let str = "";
    for (let i = 0; i < 200; i++) {
      str += `${i}`
    }
    await page.setData({
      textareaMaxLengthValue: str
    })
    let length = (await input.value()).length
    expect(length).toBe(10)
    await page.setData({
      textareaMaxLengthValue: ""
    })
  })

  it('both set modelValue and value', async () => {
    const textarea2 = await page.$('#both-model-value');
    expect(await textarea2.value()).toEqual("123")
  })

});