const PAGE_PATH = '/pages/component/slider/slider'

describe('slider', () => {
  const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
  const isMP = platformInfo.startsWith('mp')
  if (isMP) {
    it('skip', () => {
      expect(1).toBe(1)
    })
    return
  }

  const isAndroid = platformInfo.startsWith('android')
  const isIOS = platformInfo.startsWith('ios')
  const isHarmony = platformInfo.startsWith('harmony')
  const isDom2 = process.env.UNI_APP_X_DOM2 == 'true'

  let page
  beforeAll(async () => {
    page = await program.reLaunch(PAGE_PATH)
    await page.waitFor(500)
  })

  async function setPageData(newData) {
    return await page.setData({ data: newData });
  }

  it('value', async () => {
    const slider = await page.$('#slider-custom-color-and-size')

    const sliderValue = 80
    await setPageData({
      sliderValue: sliderValue
    })
    await page.waitFor(100)
    // TODO
    const newValue = await slider.property('value')
    expect(newValue.toString()).toBe(sliderValue + '')
  })
  it('color', async () => {
    if (isHarmony && isDom2) {
      console.log('Slider Harmony Dom2 not support props backgroundColor、activeColor、blockColor、activeBackgroundColor、foreColor')
      expect(1).toBe(1)
      return
    }
    if (isIOS && isDom2) {
      console.log('Slider Harmony Dom2 not support props backgroundColor、activeColor、blockColor、activeBackgroundColor、foreColor')
      expect(1).toBe(1)
      return
    }
    const slider = await page.$('#slider-custom-color-and-size')
    expect(await slider.attribute('backgroundColor')).toBe('#000000')
    expect(await slider.attribute('activeColor')).toBe('#FFCC33')
    expect(await slider.attribute('blockColor')).toBe('#8A6DE9')
    expect(await slider.attribute('activeBackgroundColor')).toBe('#FFCC33')
    expect(await slider.attribute('foreColor')).toBe('#8A6DE9')

    const backgroundColor = '#008000'
    const activeColor = '#00FF00'
    const blockColor = '#0000A0'

    await setPageData({
      sliderBackgroundColor: backgroundColor,
      sliderActiveColor: activeColor,
      sliderBlockColor: blockColor
    })
    await page.waitFor(100)
    expect(await slider.attribute('backgroundColor')).toBe(backgroundColor)
    expect(await slider.attribute('activeColor')).toBe(activeColor)
    expect(await slider.attribute('activeBackgroundColor')).toBe(activeColor)
    expect(await slider.attribute('blockColor')).toBe(blockColor)
    expect(await slider.attribute('foreColor')).toBe(blockColor)
  })

  it('block-size', async () => {
    if (isHarmony && isDom2) {
      console.log('Slider Harmony Dom2 not support props block-size')
      expect(1).toBe(1)
      return
    }

    if (isIOS && isDom2) {
      console.log('Slider iOS Dom2 not support props block-size')
      expect(1).toBe(1)
      return
    }

    if (isAndroid && isDom2) {
      console.log('Slider Android  Dom2 not support props block-size')
      expect(1).toBe(1)
      return
    }

    const slider = await page.$('#slider-custom-color-and-size')
    expect(await slider.attribute('blockSize')).toBe(20 + '')

    const blockSize = 18
    await setPageData({
      sliderBlockSize: blockSize
    })
    await page.waitFor(100)
    expect(await slider.attribute('blockSize')).toBe(blockSize + '')
  })
})