@huantv/vue/src/renderer/native/event/__tests__/dispatcher.test.js

Hippy Vue for TV

import test, { before } from 'ava';
import { registerBuiltinElements } from '../../../../elements';
import { EventDispatcher } from '../dispatcher';
import { setApp, getApp } from '../../../../util';
import ElementNode from '../../../element-node';

let childNode;
let textareaNode;
let listview;
let iframe;

before(() => {
  registerBuiltinElements();
  const rootNode = new ElementNode('div');
  childNode = new ElementNode('div');
  textareaNode = new ElementNode('textarea');
  listview = new ElementNode('ul');
  iframe = new ElementNode('iframe');
  rootNode.appendChild(childNode);
  childNode.appendChild(textareaNode);
  childNode.appendChild(listview);
  textareaNode.addEventListener('test', () => {});

  const app = {
    executed: null,
    $el: rootNode,
    $emit(eventName, eventParams) {
      app.executed = {
        eventName,
        eventParams,
      };
    },
  };
  setApp(app);
});

test('receiveNativeEvent test', (t) => {
  const app = getApp();
  t.is(EventDispatcher.receiveNativeEvent(), undefined);
  EventDispatcher.receiveNativeEvent([
    'test',
    'executed',
  ]);
  t.deepEqual(app.executed, {
    eventName: 'test',
    eventParams: 'executed',
  });
});

test('receiveNativeGesture with wrong node id test', (t) => {
  t.is(EventDispatcher.receiveNativeGesture(), undefined);
  EventDispatcher.receiveNativeGesture({
    id: 100,
    name: 'onTest',
  });
  t.pass();
});

test('receiveNativeGesture with wrong event name test', (t) => {
  t.is(EventDispatcher.receiveNativeGesture(), undefined);
  EventDispatcher.receiveNativeGesture({
    id: 3,
    name: 'test',
  });
  t.pass();
});

test('receiveNativeGesture test', (t) => {
  t.is(EventDispatcher.receiveNativeGesture(), undefined);
  EventDispatcher.receiveNativeGesture({
    id: 3,
    name: 'onTouchDown',
  });
  t.pass();
});

test('receiveUIComponentEvent with wrong node id type test', (t) => {
  EventDispatcher.receiveUIComponentEvent([
    'str',
  ]);
  t.pass();
});

test('receiveUIComponentEvent with wrong event name type test', (t) => {
  EventDispatcher.receiveUIComponentEvent([
    10,
    200,
  ]);
  t.pass();
});

test('receiveUIComponentEvent with wrong event name test', (t) => {
  EventDispatcher.receiveUIComponentEvent([
    10,
    'onTest',
  ]);
  t.pass();
});

test('receiveUIComponentEvent onChangeText test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    textareaNode.nodeId,
    'onChangeText',
    {
      text: 'Hello world',
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent onSelectionChange test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    textareaNode.nodeId,
    'onSelectionChange',
    {
      selection: {
        start: 1,
        end: 2,
      },
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent onKeyboardWillShow test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    textareaNode.nodeId,
    'onKeyboardWillShow',
    {
      keyboardHeight: 123,
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent onContentSizeChange test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    textareaNode.nodeId,
    'onContentSizeChange',
    {
      contentSize: {
        width: 1,
        height: 2,
      },
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent div.onScroll test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    childNode.nodeId,
    'onScroll',
    {
      contentOffset: {
        x: 1,
        y: 2,
      },
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent ul.onScroll test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    listview.nodeId,
    'onScroll',
    {
      contentOffset: {
        x: 1,
        y: 2,
      },
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent onTouch test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    childNode.nodeId,
    'onTouchDown',
    {
      page_x: 1,
      page_y: 2,
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent onLayout test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    childNode.nodeId,
    'onLayout',
    {
      layout: {
        x: 1,
        y: 2,
        width: 100,
        height: 200,
      },
    },
  ]);
  t.pass();
});

test('receiveUIComponentEvent onLoad test', (t) => {
  t.is(EventDispatcher.receiveUIComponentEvent(), undefined);
  EventDispatcher.receiveUIComponentEvent([
    iframe.nodeId,
    'onLoad',
    {
      url: 'http://hippyjs.org',
    },
  ]);
  t.pass();
});