vuescroll/test/unit/specs/mode.spec.js

A beautiful scrollbar based on Vue.js for PC and mobile.

import {
  destroyVM,
  createVue,
  makeTemplate,
  startSchedule
} from 'test/unit/util';

describe('mode', () => {
  let vm;

  afterEach(() => {
    destroyVM(vm);
  });

  it('toggle mode', done => {
    vm = createVue(
      {
        template: makeTemplate(
          {
            w: 200,
            h: 200
          },
          {
            w: 100,
            h: 100
          }
        ),
        data: {
          ops: {
            vuescroll: {
              mode: 'native'
            }
          }
        }
      },
      true
    );

    let content = vm.$el.querySelector('.vuescroll-content');
    let panel = vm.$el.querySelector('.vuescroll-panel');
    expect(content).not.toBe(null);
    expect(content.parentNode).toEqual(panel);
    vm.ops.vuescroll.mode = 'slide';
    startSchedule()
      .wait(1)
      .then(r => {
        let content = vm.$el.querySelector('.vuescroll-content');
        let panel = vm.$el.querySelector('.vuescroll-panel');
        expect(panel).not.toBe(null);
        expect(content).toBe(null);
        vm.ops.vuescroll.mode = 'pure-native';
        r();
      })
      .wait(1)
      .then(r => {
        let content = vm.$el.querySelector('.vuescroll-content');
        let vBar = vm.$el.querySelector('.vuescroll-vertical-bar');
        let hBar = vm.$el.querySelector('.vuescroll-horizontal-bar');
        let vRail = vm.$el.querySelector('.vuescroll-vertical-rail');
        let hRail = vm.$el.querySelector('.vuescroll-horizontal-rail');

        let panel = vm.$el.querySelector('.vuescroll-panel');

        expect(content).toBe(null);
        expect(vBar).toBe(null);
        expect(hBar).toBe(null);
        expect(vRail).toBe(null);
        expect(hRail).toBe(null);

        expect(panel).not.toBe(null);

        r();
        done();
      });
  });
});