cbvirtua 1.0.105 → 1.0.107

package/better-scroll-dev/better-scroll-dev/tests/e2e/picker/one-column.e2e.ts

@@ -0,0 +1,174 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('One column picker', () => {
+  let page = (global as any).page as Page
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/picker/one-column')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded',
+    })
+  })
+
+  it('should render picker DOM correctly', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(500)
+
+    const displayText = await page.$eval('.picker-panel', (node) => {
+      return window.getComputedStyle(node).display
+    })
+
+    await expect(displayText).toBe('block')
+  })
+
+  it('should wheelTo third item by default', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(500)
+
+    const transformText = await page.$eval('.wheel-scroll', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const translateY = getTranslate(transformText, 'y')
+
+    await expect(translateY).toBe(-72)
+  })
+
+  it('should not select disabled item', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(1000)
+
+    await page.tap('.wheel-disabled-item')
+
+    await page.waitFor(500)
+
+    const transformText = await page.$eval('.wheel-scroll', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const translateY = getTranslate(transformText, 'y')
+    await expect(translateY).toBe(-36)
+  })
+
+  it('should wheel to second item when click second item', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(1000)
+
+    const items = await page.$$('.wheel-item')
+    const secondItem = items[1]
+
+    await secondItem.tap()
+
+    // wait for transition ends
+    await page.waitFor(1000)
+
+    const transformText = await page.$eval('.wheel-scroll', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const translateY = getTranslate(transformText, 'y')
+    await expect(translateY).toBe(-36)
+  })
+
+  it('should scroll correctly when simulate touch event', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 630,
+      xDistance: 0,
+      yDistance: -70,
+      gestureSourceType: 'touch',
+    })
+
+    // wait for transition ends
+    await page.waitFor(1000)
+
+    const transformText = await page.$eval('.wheel-scroll', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const translateY = getTranslate(transformText, 'y')
+    await expect(translateY).toBeLessThan(-72)
+  })
+
+  it('should restore position when bs is scrolling and invoke restorePosition()', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 630,
+      xDistance: 0,
+      yDistance: -100,
+      gestureSourceType: 'touch',
+    })
+
+    await page.click('.cancel')
+
+    await page.waitFor(500)
+
+    await page.click('.open')
+
+    await page.waitFor(500)
+
+    const transformText = await page.$eval('.wheel-scroll', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const translateY = getTranslate(transformText, 'y')
+
+    expect(translateY).toBe(-72)
+  })
+
+  it('should stop at the nearest wheel item when bs is scrolling and invoke stop()', async () => {
+    await page.waitFor(300)
+
+    await page.click('.open')
+
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 630,
+      xDistance: 0,
+      yDistance: -100,
+      gestureSourceType: 'touch',
+    })
+
+    await page.click('.confirm')
+
+    await page.waitFor(500)
+
+    await page.click('.open')
+
+    await page.waitFor(500)
+
+    const transformText = await page.$eval('.wheel-scroll', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const translateY = getTranslate(transformText, 'y')
+
+    expect(translateY).toBeLessThan(-180)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/pulldown/default.e2e.ts

@@ -0,0 +1,47 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+
+jest.setTimeout(10000000)
+
+describe('Pulldown', () => {
+  let page = (global as any).page as Page
+  extendTouch(page)
+  beforeEach(async () => {
+    // disable cache
+    await page.setCacheEnabled(false)
+    await page.goto('http://0.0.0.0:8932/#/pulldown/default')
+  })
+
+  it('should render DOM correctly', async () => {
+    await page.waitFor(300)
+
+    const itemsCounts = await page.$$eval(
+      '.pulldown-list-item',
+      (element) => element.length
+    )
+
+    await expect(itemsCounts).toBeGreaterThanOrEqual(20)
+  })
+
+  it('should trigger pullingdown when BS reached the top', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 100,
+      xDistance: 0,
+      yDistance: 400,
+      speed: 1500,
+      gestureSourceType: 'touch',
+    })
+
+    // wait for requesting data
+    await page.waitFor(3000)
+    const itemsCounts = await page.$$eval(
+      '.pulldown-list-item',
+      (element) => element.length
+    )
+    // has loaded
+    await expect(itemsCounts).toBeGreaterThanOrEqual(40)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/pulldown/sina.e2e.ts

@@ -0,0 +1,112 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+
+jest.setTimeout(10000000)
+
+const chunk = <T>(array: T[], size: number) => {
+  let index = 0
+  let resIndex = 0
+  const length = array.length
+  const result = new Array(Math.ceil(length / size))
+
+  while (index < length) {
+    result[resIndex++] = array.slice(index, (index += size))
+  }
+  return result
+}
+
+describe('Pulldown-sina-weibo', () => {
+  let page = (global as any).page as Page
+  extendTouch(page)
+  beforeEach(async () => {
+    // disable cache
+    await page.setCacheEnabled(false)
+    await page.goto('http://0.0.0.0:8932/#/pulldown/sina')
+  })
+
+  it('should render DOM correctly', async () => {
+    await page.waitFor(300)
+
+    const itemsCounts = await page.$$eval(
+      '.pulldown-list-item',
+      (element) => element.length
+    )
+
+    await expect(itemsCounts).toBeGreaterThanOrEqual(20)
+  })
+
+  it('should go through correct phase', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchTouch({
+      type: 'touchStart',
+      touchPoints: [
+        {
+          x: 200,
+          y: 40,
+        },
+      ],
+    })
+    const touchMovePoints = (() => {
+      const start = 70
+      const step = 5
+      const end = 550
+      const x = 200
+      let ret: Array<{ x: number; y: number }> = []
+      for (let i = start; i <= end; i += step) {
+        ret.push({
+          x,
+          y: i,
+        })
+      }
+      // chrome only allow 16 items in touchPoints array
+      return chunk(ret, 16)
+    })()
+    // touchmove
+    for (const touchPoint of touchMovePoints) {
+      await page.dispatchTouch({
+        type: 'touchMove',
+        touchPoints: touchPoint,
+      })
+    }
+
+    const textContent = await page.$$eval(
+      '.pulldown-wrapper',
+      (element) => element[0].textContent
+    )
+    expect(textContent).toContain('Release')
+
+    await page.dispatchTouch({
+      type: 'touchEnd',
+      touchPoints: [
+        {
+          x: 200,
+          y: 560,
+        },
+      ],
+    })
+
+    await page.waitFor(300)
+    // loading
+    const textContent2 = await page.$$eval(
+      '.pulldown-wrapper',
+      (element) => element[0].textContent
+    )
+    expect(textContent2).toContain('Loading...')
+
+    await page.waitFor(3000)
+
+    // refresh succeed
+    const textContent3 = await page.$$eval(
+      '.pulldown-wrapper',
+      (element) => element[0].textContent
+    )
+    expect(textContent3).toContain('Refresh succeed')
+    const itemsCounts = await page.$$eval(
+      '.pulldown-list-item',
+      (element) => element.length
+    )
+    // has loaded
+    expect(itemsCounts).toBeGreaterThanOrEqual(40)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/pullup/default.e2e.ts

@@ -0,0 +1,49 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+
+jest.setTimeout(10000000)
+
+describe('Pullup', () => {
+  let page = (global as any).page as Page
+  extendTouch(page)
+
+  beforeEach(async () => {
+    // disable cache
+    await page.setCacheEnabled(false)
+    await page.goto('http://0.0.0.0:8932/#/pullup/')
+  })
+
+  it('should render DOM correctly', async () => {
+    await page.waitFor(300)
+
+    const itemsCounts = await page.$$eval(
+      '.pullup-list-item',
+      element => element.length
+    )
+
+    await expect(itemsCounts).toBeGreaterThanOrEqual(30)
+  })
+
+  it('should trigger pullingup when BS reached the bottom', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 630,
+      xDistance: 0,
+      yDistance: -1000,
+      speed: 1500,
+      gestureSourceType: 'touch'
+    })
+
+    // wait for requesting data
+    await page.waitFor(3000)
+
+    const itemsCounts = await page.$$eval(
+      '.pullup-list-item',
+      element => element.length
+    )
+    // has loaded
+    await expect(itemsCounts).toBeGreaterThan(40)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/scrollbar/custom.e2e.ts

@@ -0,0 +1,101 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('Scrollbar-custom', () => {
+  let page = (global as any).page as Page
+
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/scrollbar/custom')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded',
+    })
+  })
+
+  it('should trigger BS to move when manipulating scrollbar', async () => {
+    await page.waitFor(300)
+
+    // horizontal
+    await page.dispatchScroll({
+      x: 123,
+      y: 288,
+      xDistance: 70,
+      yDistance: 0,
+      gestureSourceType: 'touch',
+    })
+
+    const transformXText = await page.$eval(
+      '.custom-scrollbar-content',
+      (node) => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const x = getTranslate(transformXText, 'x')
+    expect(x).toBeLessThan(0)
+
+    // vertical
+    await page.dispatchScroll({
+      x: 288,
+      y: 123,
+      xDistance: 0,
+      yDistance: 70,
+      gestureSourceType: 'touch',
+    })
+
+    const transformYText = await page.$eval(
+      '.custom-scrollbar-content',
+      (node) => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const y = getTranslate(transformYText, 'y')
+    expect(y).toBeLessThan(0)
+  })
+
+  it('should trigger make scrollbar scroll in when manipulating BS', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: -100,
+      yDistance: 0,
+      gestureSourceType: 'touch',
+    })
+
+    const transformXText = await page.$eval(
+      '.custom-horizontal-indicator',
+      (node) => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const x = getTranslate(transformXText, 'x')
+    expect(x).toBeGreaterThan(0)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: 100,
+      yDistance: -100,
+      gestureSourceType: 'touch',
+    })
+
+    const transformYText = await page.$eval(
+      '.custom-vertical-indicator',
+      (node) => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const y = getTranslate(transformYText, 'y')
+    expect(y).toBeGreaterThan(0)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/scrollbar/horizontal.e2e.ts

@@ -0,0 +1,88 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('Scrollbar-horizontal', () => {
+  let page = (global as any).page as Page
+
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/scrollbar/horizontal')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded',
+    })
+  })
+
+  it('should render DOM correctly', async () => {
+    await page.waitFor(300)
+
+    const itemsCounts = await page.$$eval(
+      '.bscroll-horizontal-scrollbar',
+      (element) => element.length
+    )
+
+    await expect(itemsCounts).toBeGreaterThanOrEqual(1)
+  })
+
+  it('should trigger BS to move when manipulating scrollbar', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 70,
+      y: 195,
+      xDistance: 70,
+      yDistance: 0,
+      gestureSourceType: 'touch',
+    })
+
+    const transformText = await page.$eval('.scroll-content', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const x = getTranslate(transformText, 'x')
+    expect(x).toBeLessThan(0)
+  })
+
+  it('should make scrollbar fade in when dispatch touch event in BS', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: -100,
+      yDistance: 0,
+      gestureSourceType: 'touch',
+    })
+
+    const opacity = await page.$eval(
+      '.bscroll-horizontal-scrollbar',
+      (node) => {
+        return window.getComputedStyle(node).opacity
+      }
+    )
+    expect(Number(opacity)).toBeGreaterThan(0)
+  })
+
+  it('should make scrollbar scroll in when manipulating BS', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: -100,
+      yDistance: 0,
+      gestureSourceType: 'touch',
+    })
+
+    const transformText = await page.$eval('.bscroll-indicator', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const x = getTranslate(transformText, 'x')
+    expect(x).toBeGreaterThan(0)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/scrollbar/mousewheel.e2e.ts

@@ -0,0 +1,35 @@
+import { Page } from 'puppeteer'
+import extendMouseWheel from '../../util/extendMouseWheel'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('Scrollbar-mousewheel', () => {
+  let page = (global as any).page as Page
+
+  extendMouseWheel(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/scrollbar/mousewheel')
+  })
+
+  it('should trigger BS to move when using mousewheel', async () => {
+    await page.waitFor(2000)
+    await page.dispatchMouseWheel({
+      type: 'mouseWheel',
+      x: 100,
+      y: 100,
+      deltaX: 0,
+      deltaY: 100,
+    })
+    await page.waitFor(1000)
+    const transformText = await page.$eval(
+      '.custom-horizontal-indicator',
+      (node) => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const x = getTranslate(transformText, 'x')
+    expect(x).toBeGreaterThan(0)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/scrollbar/vertical.e2e.ts

@@ -0,0 +1,85 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('Scrollbar-vertical', () => {
+  let page = (global as any).page as Page
+
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/scrollbar/vertical')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded',
+    })
+  })
+
+  it('should render DOM correctly', async () => {
+    await page.waitFor(300)
+
+    const itemsCounts = await page.$$eval(
+      '.bscroll-vertical-scrollbar',
+      (element) => element.length
+    )
+
+    await expect(itemsCounts).toBeGreaterThanOrEqual(1)
+  })
+
+  it('should trigger BS to move when manipulating scrollbar', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 325,
+      y: 560,
+      xDistance: 0,
+      yDistance: -70,
+      gestureSourceType: 'touch',
+    })
+
+    const transformText = await page.$eval('.scrollbar-content', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const y = getTranslate(transformText, 'y')
+    expect(y).toBeLessThan(0)
+  })
+
+  it('should make scrollbar fade in when dispatch touch event in BS', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: 0,
+      yDistance: -100,
+      gestureSourceType: 'touch',
+    })
+
+    const opacity = await page.$eval('.bscroll-vertical-scrollbar', (node) => {
+      return window.getComputedStyle(node).opacity
+    })
+    expect(Number(opacity)).toBeGreaterThan(0)
+  })
+
+  it('should make scrollbar scroll in when manipulating BS', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: 0,
+      yDistance: -100,
+      gestureSourceType: 'touch',
+    })
+
+    const transformText = await page.$eval('.bscroll-indicator', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const y = getTranslate(transformText, 'y')
+    expect(y).toBeGreaterThan(0)
+  })
+})