appear-polyfill/lib/__tests__/index.js

[](https://www.npmjs.com/package/rax-appear)

"use strict";

var _rax = require("rax");

var _raxTestRenderer = _interopRequireDefault(require("rax-test-renderer"));

var _raxView = _interopRequireDefault(require("rax-view"));

var _ = require("../");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/* eslint-env jest */
(0, _.setupAppear)();

function AppearNode() {
  return (0, _rax.createElement)("div", {
    onAppear: function onAppear() {
      console.log('appear');
    }
  }, "appear node");
}

function ViewAppearNode() {
  return (0, _rax.createElement)(_raxView.default, {
    onAppear: function onAppear() {
      console.log('appear');
    }
  }, "view appear node");
}

describe('AppearComponent', function () {
  var componentDiv;
  var componentView;
  beforeEach(function () {
    componentDiv = _raxTestRenderer.default.create((0, _rax.createElement)(AppearNode, null));
    componentView = _raxTestRenderer.default.create((0, _rax.createElement)(ViewAppearNode, null));
  });
  it('should render div appear prop', function () {
    var tree = componentDiv.toJSON();
    expect(tree.tagName).toEqual('DIV');
    expect(typeof tree.eventListeners.appear).toEqual('function');
  });
  it('should render view appear prop', function () {
    var tree = componentView.toJSON();
    expect(tree.tagName).toEqual('DIV');
    expect(typeof tree.eventListeners.appear).toEqual('function');
  });
});