cbvirtua 1.0.109 → 1.0.115

package/better-scroll-dev/better-scroll-dev/packages/core/src/__tests__/__utils__/layout.ts

@@ -1,104 +0,0 @@
-export interface CustomHTMLDivElement extends HTMLDivElement {
-  clientWidth: number
-  clientHeight: number
-  offsetWidth: number
-  offsetHeight: number
-  offsetTop: number
-  offsetLeft: number
-  _jsdomMockClientWidth?: number
-  _jsdomMockClientHeight?: number
-  _jsdomMockOffsetWidth?: number
-  _jsdomMockOffsetHeight?: number
-  _jsdomMockOffsetTop?: number
-  _jsdomMockOffsetLeft?: number
-  [key: string]: any
-}
-
-function firstUpper(key: string) {
-  return key.charAt(0).toUpperCase() + key.slice(1)
-}
-
-function genMockPrototype(mockName: string) {
-  return {
-    get: jest.fn().mockImplementation(dom => {
-      return Number(dom.getAttribute(mockName))
-    })
-  }
-}
-
-function mockHTMLPrototype(propName: string, mockGetter: jest.Mock) {
-  Object.defineProperty(HTMLElement.prototype, propName, {
-    get: function() {
-      return mockGetter(this)
-    },
-    configurable: true
-  })
-}
-
-export function mockDomOffset(
-  dom: CustomHTMLDivElement,
-  offsetObj: {
-    width?: number
-    height?: number
-    top?: number
-    left?: number
-    [key: string]: any
-  }
-) {
-  Object.keys(offsetObj).forEach(key => {
-    const mockName = `_jsdomMockOffset${firstUpper(key)}`
-    dom.setAttribute(mockName, offsetObj[key])
-  })
-}
-
-export function mockDomClient(
-  dom: CustomHTMLDivElement,
-  clientObj: {
-    width?: number
-    height?: number
-    [key: string]: any
-  }
-) {
-  Object.keys(clientObj).forEach(key => {
-    const mockName = `_jsdomMockClient${firstUpper(key)}`
-    dom.setAttribute(mockName, clientObj[key])
-  })
-}
-
-export function createDiv(
-  width: number = 0,
-  height: number = 0,
-  top: number = 0,
-  left: number = 0
-) {
-  const dom = document.createElement('div') as CustomHTMLDivElement
-  mockDomOffset(dom, {
-    width,
-    height,
-    top,
-    left
-  })
-  mockDomClient(dom, {
-    width,
-    height
-  })
-  return dom
-}
-
-export const mockClientWidth = genMockPrototype('_jsdomMockClientWidth')
-mockHTMLPrototype('clientWidth', mockClientWidth.get)
-
-export const mockClientHeight = genMockPrototype('_jsdomMockClientHeight')
-mockHTMLPrototype('clientHeight', mockClientHeight.get)
-
-export const mockOffsetWidth = genMockPrototype('_jsdomMockOffsetWidth')
-mockHTMLPrototype('offsetWidth', mockOffsetWidth.get)
-
-export const mockOffsetHeight = genMockPrototype('_jsdomMockOffsetHeight')
-mockHTMLPrototype('offsetHeight', mockOffsetHeight.get)
-
-export const mockOffsetTop = genMockPrototype('_jsdomMockOffsetTop')
-mockHTMLPrototype('offsetTop', mockOffsetTop.get)
-
-export const mockOffsetLeft = genMockPrototype('_jsdomMockOffsetLeft')
-mockHTMLPrototype('offsetLeft', mockOffsetLeft.get)

package/better-scroll-dev/better-scroll-dev/packages/core/src/__tests__/index.spec.ts

@@ -1,114 +0,0 @@
-import BScroll from '../index'
-
-describe('BetterScroll Core', () => {
-  let bscroll: BScroll
-  let wrapper = document.createElement('div')
-  let content = document.createElement('p')
-  wrapper.appendChild(content)
-  beforeEach(() => {
-    bscroll = new BScroll(wrapper, {})
-  })
-  afterEach(() => {
-    BScroll.plugins = []
-    BScroll.pluginsMap = {}
-  })
-
-  it('use()', () => {
-    const plugin = class MyPlugin {
-      static pluginName = 'myPlugin'
-    }
-    BScroll.use(plugin)
-    // has installed
-    BScroll.use(plugin)
-
-    expect(BScroll.plugins.length).toBe(1)
-
-    // Plugin should specify pluginName
-    const spyFn = jest.spyOn(console, 'error')
-    const unnamedPlugin = class UnnamedPlugin {}
-    BScroll.use(unnamedPlugin as any)
-    expect(spyFn).toBeCalled()
-    spyFn.mockRestore()
-  })
-
-  it('should init plugins when set top-level of BScroll options', () => {
-    let mockFn = jest.fn()
-    const plugin = class MyPlugin {
-      static pluginName = 'myPlugin2'
-      constructor(bscroll: BScroll) {
-        mockFn(bscroll)
-      }
-    }
-    BScroll.use(plugin)
-    let wrapper = document.createElement('div')
-    wrapper.appendChild(document.createElement('p'))
-
-    let bs = new BScroll(wrapper, {
-      myPlugin2: true
-    })
-    expect(mockFn).toBeCalledWith(bs)
-  })
-
-  it('should throw error when wrapper is not a ElementNode or wrapper has no children ', () => {
-    let spy = jest.spyOn(console, 'error')
-    let bs = new BScroll('.div', {})
-    let bs2 = new BScroll(document.createElement('div'), {})
-
-    expect(spy).toHaveBeenCalled()
-    expect(spy).toBeCalledTimes(2)
-  })
-
-  it('disable()', () => {
-    const mockFn = jest.fn()
-    bscroll.on(bscroll.eventTypes.disable, mockFn)
-    bscroll.hooks.on(bscroll.hooks.eventTypes.disable, mockFn)
-    bscroll.disable()
-
-    expect(mockFn).toBeCalledTimes(2)
-  })
-
-  it('destroy()', () => {
-    const mockFn = jest.fn()
-    bscroll.on(bscroll.eventTypes.destroy, mockFn)
-    bscroll.hooks.on(bscroll.hooks.eventTypes.destroy, mockFn)
-    bscroll.destroy()
-
-    expect(mockFn).toBeCalledTimes(2)
-  })
-
-  it('eventRegister()', () => {
-    bscroll.eventRegister(['dummy'])
-    expect(bscroll.eventTypes.dummy).toBeTruthy()
-  })
-
-  it('should refresh when window resized', () => {
-    const mockFn = jest.fn()
-    bscroll.on(bscroll.eventTypes.refresh, mockFn)
-    bscroll.scroller.hooks.trigger(bscroll.scroller.hooks.eventTypes.resize)
-    expect(mockFn).toBeCalledTimes(1)
-  })
-
-  it('plugin wanna control scroll position ', () => {
-    const mockFn = jest.fn().mockImplementation(() => true)
-    class DummyPlugin {
-      static pluginName = 'dummy'
-      constructor(scroll: BScroll) {
-        scroll.hooks.on(scroll.hooks.eventTypes.beforeInitialScrollTo, mockFn)
-      }
-    }
-    BScroll.use(DummyPlugin)
-    bscroll = new BScroll(wrapper, { dummy: true })
-    expect(mockFn).toBeCalled()
-  })
-
-  it('should trigger contentChanged hook when content DOM has changed', () => {
-    const mockFn = jest.fn()
-    bscroll.on(bscroll.eventTypes.contentChanged, mockFn)
-
-    // content DOM has
-    wrapper.removeChild(content)
-    wrapper.appendChild(document.createElement('div'))
-    bscroll.refresh()
-    expect(mockFn).toBeCalled()
-  })
-})

package/better-scroll-dev/better-scroll-dev/packages/core/src/animater/Animation.ts

@@ -1,115 +0,0 @@
-import Base from './Base'
-import { TranslaterPoint } from '../translater'
-import {
-  getNow,
-  requestAnimationFrame,
-  cancelAnimationFrame,
-  EaseFn,
-  Probe,
-} from '@better-scroll/shared-utils'
-
-export default class Animation extends Base {
-  move(
-    startPoint: TranslaterPoint,
-    endPoint: TranslaterPoint,
-    time: number,
-    easingFn: EaseFn | string
-  ) {
-    // time is 0
-    if (!time) {
-      this.translate(endPoint)
-      if (this.options.probeType === Probe.Realtime) {
-        this.hooks.trigger(this.hooks.eventTypes.move, endPoint)
-      }
-      this.hooks.trigger(this.hooks.eventTypes.end, endPoint)
-      return
-    }
-    this.animate(startPoint, endPoint, time, easingFn as EaseFn)
-  }
-
-  private animate(
-    startPoint: TranslaterPoint,
-    endPoint: TranslaterPoint,
-    duration: number,
-    easingFn: EaseFn
-  ) {
-    let startTime = getNow()
-    const destTime = startTime + duration
-    const isRealtimeProbeType = this.options.probeType === Probe.Realtime
-    const step = () => {
-      let now = getNow()
-      // js animation end
-      if (now >= destTime) {
-        this.translate(endPoint)
-        if (isRealtimeProbeType) {
-          this.hooks.trigger(this.hooks.eventTypes.move, endPoint)
-        }
-        this.hooks.trigger(this.hooks.eventTypes.end, endPoint)
-        return
-      }
-
-      now = (now - startTime) / duration
-      let easing = easingFn(now)
-      const newPoint = {} as TranslaterPoint
-      Object.keys(endPoint).forEach((key) => {
-        const startValue = startPoint[key]
-        const endValue = endPoint[key]
-        newPoint[key] = (endValue - startValue) * easing + startValue
-      })
-      this.translate(newPoint)
-
-      if (isRealtimeProbeType) {
-        this.hooks.trigger(this.hooks.eventTypes.move, newPoint)
-      }
-
-      if (this.pending) {
-        this.timer = requestAnimationFrame(step)
-      }
-
-      // call bs.stop() should not dispatch end hook again.
-      // forceStop hook will do this.
-      /* istanbul ignore if  */
-      if (!this.pending) {
-        if (this.callStopWhenPending) {
-          this.callStopWhenPending = false
-        } else {
-          // raf ends should dispatch end hook.
-          this.hooks.trigger(this.hooks.eventTypes.end, endPoint)
-        }
-      }
-    }
-
-    this.setPending(true)
-    // when manually call bs.stop(), then bs.scrollTo()
-    // we should reset callStopWhenPending to dispatch end hook
-    if (this.callStopWhenPending) {
-      this.setCallStop(false)
-    }
-    cancelAnimationFrame(this.timer)
-    step()
-  }
-
-  doStop(): boolean {
-    const pending = this.pending
-    this.setForceStopped(false)
-    this.setCallStop(false)
-    // still in requestFrameAnimation
-    if (pending) {
-      this.setPending(false)
-      cancelAnimationFrame(this.timer)
-      const pos = this.translater.getComputedPosition()
-      this.setForceStopped(true)
-      this.setCallStop(true)
-
-      this.hooks.trigger(this.hooks.eventTypes.forceStop, pos)
-    }
-    return pending
-  }
-
-  stop() {
-    const stopFromAnimation = this.doStop()
-    if (stopFromAnimation) {
-      this.hooks.trigger(this.hooks.eventTypes.callStop)
-    }
-  }
-}

package/better-scroll-dev/better-scroll-dev/packages/core/src/animater/Base.ts

@@ -1,89 +0,0 @@
-import {
-  EaseFn,
-  safeCSSStyleDeclaration,
-  cancelAnimationFrame,
-  EventEmitter,
-  Probe,
-} from '@better-scroll/shared-utils'
-import Translater, { TranslaterPoint } from '../translater'
-
-export interface ExposedAPI {
-  stop(): void
-}
-
-export default abstract class Base implements ExposedAPI {
-  content: HTMLElement
-  style: safeCSSStyleDeclaration
-  hooks: EventEmitter
-  timer: number = 0
-  pending: boolean
-  callStopWhenPending: boolean
-  forceStopped: boolean
-  _reflow: number;
-  [key: string]: any
-
-  constructor(
-    content: HTMLElement,
-    public translater: Translater,
-    public options: {
-      probeType: number
-    }
-  ) {
-    this.hooks = new EventEmitter([
-      'move',
-      'end',
-      'beforeForceStop',
-      'forceStop',
-      'callStop',
-      'time',
-      'timeFunction',
-    ])
-    this.setContent(content)
-  }
-
-  translate(endPoint: TranslaterPoint) {
-    this.translater.translate(endPoint)
-  }
-
-  setPending(pending: boolean) {
-    this.pending = pending
-  }
-
-  setForceStopped(forceStopped: boolean) {
-    this.forceStopped = forceStopped
-  }
-
-  setCallStop(called: boolean) {
-    this.callStopWhenPending = called
-  }
-
-  setContent(content: HTMLElement) {
-    if (this.content !== content) {
-      this.content = content
-      this.style = content.style as safeCSSStyleDeclaration
-      this.stop()
-    }
-  }
-  clearTimer() {
-    if (this.timer) {
-      cancelAnimationFrame(this.timer)
-      this.timer = 0
-    }
-  }
-
-  abstract move(
-    startPoint: TranslaterPoint,
-    endPoint: TranslaterPoint,
-    time: number,
-    easing: string | EaseFn
-  ): void
-
-  abstract doStop(): void
-  abstract stop(): void
-
-  destroy() {
-    this.hooks.destroy()
-
-    cancelAnimationFrame(this.timer)
-  }
-}

package/better-scroll-dev/better-scroll-dev/packages/core/src/animater/Transition.ts

@@ -1,118 +0,0 @@
-import {
-  style,
-  requestAnimationFrame,
-  cancelAnimationFrame,
-  EaseFn,
-  Probe,
-} from '@better-scroll/shared-utils'
-import Base from './Base'
-import { TranslaterPoint } from '../translater'
-import { isValidPostion } from '../utils/compat'
-
-export default class Transition extends Base {
-  startProbe(startPoint: TranslaterPoint, endPoint: TranslaterPoint) {
-    let prePos = startPoint
-    const probe = () => {
-      let pos = this.translater.getComputedPosition()
-
-      if (isValidPostion(startPoint, endPoint, pos, prePos)) {
-        this.hooks.trigger(this.hooks.eventTypes.move, pos)
-      }
-      // call bs.stop() should not dispatch end hook again.
-      // forceStop hook will do this.
-      /* istanbul ignore if  */
-      if (!this.pending) {
-        if (this.callStopWhenPending) {
-          this.callStopWhenPending = false
-        } else {
-          // transition ends should dispatch end hook.
-          this.hooks.trigger(this.hooks.eventTypes.end, pos)
-        }
-      }
-      prePos = pos
-
-      if (this.pending) {
-        this.timer = requestAnimationFrame(probe)
-      }
-    }
-    // when manually call bs.stop(), then bs.scrollTo()
-    // we should reset callStopWhenPending to dispatch end hook
-    if (this.callStopWhenPending) {
-      this.setCallStop(false)
-    }
-
-    cancelAnimationFrame(this.timer)
-    probe()
-  }
-
-  transitionTime(time = 0) {
-    this.style[style.transitionDuration] = time + 'ms'
-    this.hooks.trigger(this.hooks.eventTypes.time, time)
-  }
-
-  transitionTimingFunction(easing: string) {
-    this.style[style.transitionTimingFunction] = easing
-    this.hooks.trigger(this.hooks.eventTypes.timeFunction, easing)
-  }
-
-  transitionProperty() {
-    this.style[style.transitionProperty] = style.transform
-  }
-
-  move(
-    startPoint: TranslaterPoint,
-    endPoint: TranslaterPoint,
-    time: number,
-    easingFn: string | EaseFn
-  ) {
-    this.setPending(time > 0)
-    this.transitionTimingFunction(easingFn as string)
-    this.transitionProperty()
-    this.transitionTime(time)
-    this.translate(endPoint)
-
-    const isRealtimeProbeType = this.options.probeType === Probe.Realtime
-
-    if (time && isRealtimeProbeType) {
-      this.startProbe(startPoint, endPoint)
-    }
-
-    // if we change content's transformY in a tick
-    // such as: 0 -> 50px -> 0
-    // transitionend will not be triggered
-    // so we forceupdate by reflow
-    if (!time) {
-      this._reflow = this.content.offsetHeight
-      if (isRealtimeProbeType) {
-        this.hooks.trigger(this.hooks.eventTypes.move, endPoint)
-      }
-      this.hooks.trigger(this.hooks.eventTypes.end, endPoint)
-    }
-  }
-
-  doStop(): boolean {
-    const pending = this.pending
-    this.setForceStopped(false)
-    this.setCallStop(false)
-    // still in transition
-    if (pending) {
-      this.setPending(false)
-      cancelAnimationFrame(this.timer)
-      const { x, y } = this.translater.getComputedPosition()
-
-      this.transitionTime()
-      this.translate({ x, y })
-      this.setForceStopped(true)
-      this.setCallStop(true)
-      this.hooks.trigger(this.hooks.eventTypes.forceStop, { x, y })
-    }
-    return pending
-  }
-
-  stop() {
-    const stopFromTransition = this.doStop()
-    if (stopFromTransition) {
-      this.hooks.trigger(this.hooks.eventTypes.callStop)
-    }
-  }
-}

package/better-scroll-dev/better-scroll-dev/packages/core/src/animater/__mocks__/Animation.ts

@@ -1,36 +0,0 @@
-import { EventEmitter } from '@better-scroll/shared-utils'
-
-const Animation = jest
-  .fn()
-  .mockImplementation((content, translater, bscrollOptions) => {
-    return {
-      content,
-      translater,
-      options: bscrollOptions,
-      style: content.style,
-      pending: false,
-      forceStopped: false,
-      timer: 0,
-      hooks: new EventEmitter([
-        'move',
-        'end',
-        'forceStop',
-        'beforeForceStop',
-        'callStop',
-        'time',
-        'timeFunction',
-      ]),
-      translate: jest.fn(),
-      stop: jest.fn(),
-      doStop: jest.fn(),
-      move: jest.fn(),
-      destroy: jest.fn(),
-      setPending: jest.fn(),
-      setForceStopped: jest.fn(),
-      setCallStop: jest.fn(),
-      setContent: jest.fn(),
-      clearTimer: jest.fn(),
-    }
-  })
-
-export default Animation

package/better-scroll-dev/better-scroll-dev/packages/core/src/animater/__mocks__/Transition.ts

@@ -1,39 +0,0 @@
-import { EventEmitter } from '@better-scroll/shared-utils'
-
-const Transition = jest
-  .fn()
-  .mockImplementation((content, translater, bscrollOptions) => {
-    return {
-      content,
-      translater,
-      options: bscrollOptions,
-      style: content.style,
-      pending: false,
-      forceStopped: false,
-      timer: 0,
-      hooks: new EventEmitter([
-        'move',
-        'end',
-        'forceStop',
-        'beforeForceStop',
-        'callStop',
-        'time',
-        'timeFunction',
-      ]),
-      translate: jest.fn(),
-      stop: jest.fn(),
-      doStop: jest.fn(),
-      move: jest.fn(),
-      startProbe: jest.fn(),
-      transitionTime: jest.fn(),
-      transitionTimingFunction: jest.fn(),
-      destroy: jest.fn(),
-      setPending: jest.fn(),
-      setForceStopped: jest.fn(),
-      setCallStop: jest.fn(),
-      setContent: jest.fn(),
-      clearTimer: jest.fn(),
-    }
-  })
-
-export default Transition

package/better-scroll-dev/better-scroll-dev/packages/core/src/animater/__mocks__/index.ts

@@ -1,21 +0,0 @@
-import Transition from '../Transition'
-import Animation from '../Animation'
-
-jest.mock('../Transition')
-jest.mock('../Animation')
-
-const createAnimater = jest
-  .fn()
-  .mockImplementation((element, translater, bscrollOptions) => {
-    if (bscrollOptions.useTransition) {
-      return new Transition(element, translater, bscrollOptions as {
-        probeType: number
-      })
-    } else {
-      return new Animation(element, translater, bscrollOptions as {
-        probeType: number
-      })
-    }
-  })
-
-export default createAnimater