cbvirtua 1.0.106 → 1.0.107

package/better-scroll-dev/better-scroll-dev/tests/e2e/compose-plugins/slide-nested.e2e.ts

@@ -0,0 +1,53 @@
+import { Page } from 'puppeteer'
+import extendsTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(1000000)
+
+describe('Compose/slide-nested', () => {
+  let page = (global as any).page as Page
+  extendsTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/compose/slide-nested')
+  })
+
+  it('the outer scroll should scroll normally', async () => {
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 100,
+      xDistance: 0,
+      yDistance: -70,
+      gestureSourceType: 'touch',
+    })
+    await page.waitFor(1000)
+
+    const transformText = await page.$eval('.outer-content', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const y = getTranslate(transformText, 'y')
+    await expect(y).toBeLessThan(-30)
+  })
+
+  it('the inner scroll should scroll normally', async () => {
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 300,
+      xDistance: -100,
+      yDistance: 0,
+      gestureSourceType: 'touch',
+    })
+
+    await page.waitFor(1000)
+
+    const transformText = await page.$eval('.slide-banner-content', (node) => {
+      return window.getComputedStyle(node).transform
+    })
+    const x = getTranslate(transformText, 'x')
+
+    expect(x).toBe(-666)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/core/corescroll.e2e.ts

@@ -0,0 +1,261 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+// set default timeout
+jest.setTimeout(1000000)
+
+describe('CoreScroll', () => {
+  let page = (global as any).page as Page
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/core/')
+  })
+
+  it('should display 4 items at least', async () => {
+    const itemsCounts = await page.$$eval(
+      '.core .example-item',
+      (element) => element.length
+    )
+    const itemsContent = await page.$$eval('.core .example-item', (element) =>
+      element.map((el) => el.textContent)
+    )
+
+    expect(itemsContent).toEqual([
+      'vertical',
+      'horizontal',
+      'dynamic-content',
+      'specified-content',
+      'freescroll',
+      'vertical rotated(v2.3.0)',
+      'horizontal rotated(v2.3.0)',
+    ])
+    expect(itemsCounts).toBeGreaterThanOrEqual(5)
+  })
+
+  it("should display correct items's texts", async () => {
+    const itemsContent = await page.$$eval('.core .example-item', (element) =>
+      element.map((el) => el.textContent)
+    )
+
+    expect(itemsContent).toEqual([
+      'vertical',
+      'horizontal',
+      'dynamic-content',
+      'specified-content',
+      'freescroll',
+      'vertical rotated(v2.3.0)',
+      'horizontal rotated(v2.3.0)',
+    ])
+  })
+
+  describe('CoreScroll/vertical', () => {
+    beforeAll(async () => {
+      await page.goto('http://0.0.0.0:8932/#/core/default')
+    })
+
+    it('should render corrent DOM', async () => {
+      const wrapper = await page.$('.scroll-wrapper')
+      const content = await page.$('.scroll-content')
+
+      expect(wrapper).toBeTruthy()
+      expect(content).toBeTruthy()
+    })
+
+    it('should trigger eventListener when click wrapper DOM', async () => {
+      let mockHandler = jest.fn()
+      page.once('dialog', async (dialog) => {
+        mockHandler()
+        await dialog.dismiss()
+      })
+
+      // wait for router transition ends
+      await page.waitFor(1000)
+      await page.touchscreen.tap(100, 100)
+
+      expect(mockHandler).toHaveBeenCalled()
+    })
+
+    it('should scroll when dispatch touch', async () => {
+      await page.waitFor(1000)
+
+      await page.dispatchScroll({
+        x: 100,
+        y: 150,
+        xDistance: 0,
+        yDistance: -70,
+        gestureSourceType: 'touch',
+      })
+
+      await page.waitFor(1000)
+
+      const transformText = await page.$eval('.scroll-content', (node) => {
+        return window.getComputedStyle(node).transform
+      })
+      const y = getTranslate(transformText, 'y')
+
+      expect(y).toBeLessThan(0)
+    })
+
+    it('should dispatch scroll event', async () => {
+      let mockHandler = jest.fn()
+      page.once('console', async (message) => {
+        mockHandler()
+      })
+      await page.waitFor(1000)
+      await page.dispatchScroll({
+        x: 100,
+        y: 150,
+        xDistance: 0,
+        yDistance: -70,
+        gestureSourceType: 'touch',
+      })
+      await page.waitFor(1000)
+      expect(mockHandler).toBeCalled()
+    })
+  })
+
+  describe('CoreScroll/horizontal', () => {
+    beforeAll(async () => {
+      await page.goto('http://0.0.0.0:8932/#/core/horizontal')
+    })
+
+    it('should render corrent DOM', async () => {
+      const wrapper = await page.$('.scroll-wrapper')
+      const container = await page.$('.horizontal-container')
+
+      expect(wrapper).toBeTruthy()
+      expect(container).toBeTruthy()
+    })
+
+    it('should scroll to right when finger moves from right to left', async () => {
+      await page.waitFor(1000)
+      await page.dispatchScroll({
+        x: 100,
+        y: 120,
+        xDistance: -70,
+        yDistance: 0,
+        gestureSourceType: 'touch',
+      })
+
+      await page.waitFor(1000)
+
+      const transformText = await page.$eval('.scroll-content', (node) => {
+        return window.getComputedStyle(node).transform
+      })
+      const x = getTranslate(transformText, 'x')
+
+      expect(x).toBeLessThan(0)
+    })
+  })
+
+  describe('CoreScroll/freescroll', () => {
+    beforeAll(async () => {
+      await page.goto('http://0.0.0.0:8932/#/core/freescroll')
+    })
+
+    it('should scroll correctly when oblique scrolling occurred', async () => {
+      await page.waitFor(1000)
+      await page.dispatchScroll({
+        x: 100,
+        y: 100,
+        xDistance: -70,
+        yDistance: -70,
+        gestureSourceType: 'touch',
+      })
+
+      await page.waitFor(1000)
+
+      const transformText = await page.$eval('.scroll-content', (node) => {
+        return window.getComputedStyle(node).transform
+      })
+      const y = getTranslate(transformText, 'y')
+      const x = getTranslate(transformText, 'x')
+
+      expect(x).toBeLessThan(0)
+      expect(y).toBeLessThan(0)
+    })
+  })
+
+  describe('CoreScroll/dynamicContent', () => {
+    beforeAll(async () => {
+      await page.goto('http://0.0.0.0:8932/#/core/dynamic-content')
+    })
+
+    it('should support switching content dynamically', async () => {
+      await page.waitFor(1000)
+      await page.dispatchScroll({
+        x: 100,
+        y: 100,
+        xDistance: 0,
+        yDistance: -70,
+        gestureSourceType: 'touch',
+      })
+
+      await page.waitFor(50)
+
+      await page.click('.btn')
+
+      await page.waitFor(100)
+
+      const itemsCounts = await page.$$eval(
+        '.scroll-content .scroll-item',
+        (element) => element.length
+      )
+
+      expect(itemsCounts).toBe(60)
+    })
+  })
+
+  describe('CoreScroll/verticalRotated', () => {
+    beforeAll(async () => {
+      await page.goto('http://0.0.0.0:8932/#/core/vertical-rotated')
+    })
+
+    it('should support vertical rotated scroll', async () => {
+      await page.waitFor(1000)
+      await page.dispatchScroll({
+        x: 210,
+        y: 180,
+        xDistance: 70,
+        yDistance: 0,
+        gestureSourceType: 'touch',
+      })
+
+      await page.waitFor(100)
+
+      const transformText = await page.$eval('.scroll-content', (node) => {
+        return window.getComputedStyle(node).transform
+      })
+
+      const y = getTranslate(transformText, 'y')
+      expect(y).toBeLessThan(-20)
+    })
+  })
+
+  describe('CoreScroll/horizontalRotated', () => {
+    beforeAll(async () => {
+      await page.goto('http://0.0.0.0:8932/#/core/horizontal-rotated')
+    })
+
+    it('should support horizontal rotated scroll', async () => {
+      await page.waitFor(1000)
+      await page.dispatchScroll({
+        x: 180,
+        y: 100,
+        xDistance: 70,
+        yDistance: 0,
+        gestureSourceType: 'touch',
+      })
+
+      await page.waitFor(100)
+
+      const transformText = await page.$eval('.scroll-content', (node) => {
+        return window.getComputedStyle(node).transform
+      })
+
+      const x = getTranslate(transformText, 'x')
+      expect(x).toBeLessThan(-20)
+    })
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/form/textarea.e2e.ts

@@ -0,0 +1,53 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+
+jest.setTimeout(10000000)
+
+describe('BetterScroll in Form-Textarea', () => {
+  let page = (global as any).page as Page
+
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/form/textarea')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded'
+    })
+  })
+
+  it('should scroll when not manipulating texatea tag', async () => {
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 150,
+      xDistance: 0,
+      yDistance: -70,
+      gestureSourceType: 'touch'
+    })
+
+    const content = await page.$('.textarea-scroller')
+    await page.waitFor(1000)
+    const boundingBox = await content!.boundingBox()
+    await expect(boundingBox!.y).toBeLessThan(0)
+  })
+
+  it('should not scroll when manipulating texatea tag', async () => {
+    await page.reload()
+    await page.waitFor(1000)
+
+    await page.dispatchScroll({
+      x: 200,
+      y: 570,
+      xDistance: 0,
+      yDistance: -70,
+      gestureSourceType: 'touch'
+    })
+
+    const content = await page.$('.textarea-scroller')
+    await page.waitFor(1000)
+    const boundingBox = await content!.boundingBox()
+    await expect(boundingBox!.y).toBeGreaterThan(0)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/homepage.e2e.ts

@@ -0,0 +1,22 @@
+import { Page } from 'puppeteer'
+
+jest.setTimeout(10000000)
+
+describe('Homepage', () => {
+  let page = (global as any).page as Page
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/')
+  })
+
+  it('should display "BetterScroll" text on homepage', async () => {
+    await expect(page).toMatch('BetterScroll')
+  })
+
+  it('should display seven items at least', async () => {
+    const itemsCounts = await page.$$eval(
+      '.example-item',
+      element => element.length
+    )
+    await expect(itemsCounts).toBeGreaterThanOrEqual(7)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/indicators/minimap.e2e.ts

@@ -0,0 +1,101 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('Indicators-minimap', () => {
+  let page = (global as any).page as Page
+
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/indicators/minimap')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded'
+    })
+  })
+
+  it('should render correctly', async () => {
+    await page.waitFor(300)
+
+    const transformText = await page.$eval('.scroll-content', node => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const transformBScrollY = getTranslate(transformText, 'y')
+
+    const indicatorTransformText = await page.$eval(
+      '.scroll-indicator-handle',
+      node => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const indicatorTransformY = getTranslate(indicatorTransformText, 'y')
+
+    expect(transformBScrollY).toBe(-50)
+    expect(indicatorTransformY).toBe(8)
+  })
+
+  it('should trigger BS to move when manipulating indicator', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 70,
+      y: 240,
+      xDistance: 70,
+      yDistance: 70,
+      gestureSourceType: 'touch'
+    })
+
+    const transformText = await page.$eval('.scroll-content', node => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const transformBScrollY = getTranslate(transformText, 'y')
+
+    const indicatorTransformText = await page.$eval(
+      '.scroll-indicator-handle',
+      node => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const indicatorTransformY = getTranslate(indicatorTransformText, 'y')
+
+    expect(transformBScrollY).toBeLessThan(-50)
+    expect(indicatorTransformY).toBeGreaterThan(8)
+  })
+
+  it('should make scrollbar scroll in when manipulating BS', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 100,
+      y: 100,
+      xDistance: -50,
+      yDistance: -50,
+      gestureSourceType: 'touch'
+    })
+
+    const transformText = await page.$eval('.scroll-content', node => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const transformBScrollY = getTranslate(transformText, 'y')
+
+    const indicatorTransformText = await page.$eval(
+      '.scroll-indicator-handle',
+      node => {
+        return window.getComputedStyle(node).transform
+      }
+    )
+
+    const indicatorTransformY = getTranslate(indicatorTransformText, 'y')
+
+    expect(transformBScrollY).toBeLessThan(-50)
+    expect(indicatorTransformY).toBeGreaterThan(8)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/indicators/parallax-scrolling.e2e.ts

@@ -0,0 +1,54 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+import getTranslate from '../../util/getTranslate'
+
+jest.setTimeout(10000000)
+
+describe('Indicators-parallax-scroll', () => {
+  let page = (global as any).page as Page
+
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/indicators/parallax-scroll')
+  })
+  beforeEach(async () => {
+    await page.reload({
+      waitUntil: 'domcontentloaded'
+    })
+  })
+
+  it('should trigger BS to move when manipulating indicator', async () => {
+    await page.waitFor(300)
+
+    await page.dispatchScroll({
+      x: 70,
+      y: 240,
+      xDistance: -70,
+      yDistance: -70,
+      gestureSourceType: 'touch'
+    })
+
+    await page.waitFor(800)
+
+    const transformText = await page.$eval('.scroll-content', node => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const transformBScrollY = getTranslate(transformText, 'y')
+
+    const indicator1TransformText = await page.$eval('.star1-bg', node => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const indicator2TransformText = await page.$eval('.star2-bg', node => {
+      return window.getComputedStyle(node).transform
+    })
+
+    const indicator1TransformY = getTranslate(indicator1TransformText, 'y')
+    const indicator2TransformY = getTranslate(indicator2TransformText, 'y')
+
+    expect(transformBScrollY).toBeLessThan(0)
+    expect(indicator1TransformY).toBeLessThan(0)
+    expect(indicator2TransformY).toBeLessThan(0)
+  })
+})

package/better-scroll-dev/better-scroll-dev/tests/e2e/infinity/infinity.e2e.ts

@@ -0,0 +1,57 @@
+import { Page } from 'puppeteer'
+import extendTouch from '../../util/extendTouch'
+
+jest.setTimeout(10000)
+
+describe('Infinity', () => {
+  let page = (global as any).page as Page
+  extendTouch(page)
+  beforeAll(async () => {
+    await page.goto('http://0.0.0.0:8932/#/infinity/')
+  })
+
+  beforeEach(async () => {
+    await page.reload()
+  })
+
+  it('should not render all elements when fetch data too mouch', async () => {
+    await page.waitForSelector(
+      '.infinity-timeline .infinity-item:not(.tombstone)'
+    )
+    // when
+    await page.dispatchScroll({
+      x: 100,
+      y: 555,
+      xDistance: 0,
+      yDistance: -555,
+      gestureSourceType: 'touch'
+    })
+    await page.waitFor(1001) // wait fetch data
+    // then
+    const itemNum = await page.$$eval(
+      '.infinity-timeline .infinity-item:not(.tombstone)',
+      items => items.length
+    )
+
+    expect(itemNum).toBeLessThan(60)
+  })
+
+  it('should render tombstones when data not loaded', async () => {
+    await page.waitForSelector('.infinity-timeline .infinity-item')
+    // when
+    await page.dispatchScroll({
+      x: 100,
+      y: 555,
+      xDistance: 0,
+      yDistance: -555,
+      gestureSourceType: 'touch'
+    })
+    // then
+    const itemNum = await page.$$eval(
+      '.infinity-timeline .tombstone',
+      items => items.length
+    )
+
+    expect(itemNum).toBeGreaterThan(30)
+  })
+})