react-native/Libraries/CustomComponents/Navigator/Navigation/__tests__/NavigationContext-test.js

/**
 * Copyright (c) 2015, Facebook, Inc.  All rights reserved.
 *
 * Facebook, Inc. ("Facebook") owns all right, title and interest, including
 * all intellectual property and other proprietary rights, in and to the React
 * Native CustomComponents software (the "Software").  Subject to your
 * compliance with these terms, you are hereby granted a non-exclusive,
 * worldwide, royalty-free copyright license to (1) use and copy the Software;
 * and (2) reproduce and distribute the Software as part of your own software
 * ("Your Software").  Facebook reserves all rights not expressly granted to
 * you in this license agreement.
 *
 * THE SOFTWARE AND DOCUMENTATION, IF ANY, ARE PROVIDED "AS IS" AND ANY EXPRESS
 * OR IMPLIED WARRANTIES (INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
 * OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE) ARE DISCLAIMED.
 * IN NO EVENT SHALL FACEBOOK OR ITS AFFILIATES, OFFICERS, DIRECTORS OR
 * EMPLOYEES BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
 * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
 * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
'use strict';

jest
  .disableAutomock()
  .mock('ErrorUtils');

var NavigationContext = require('NavigationContext');
var NavigationEvent = require('NavigationEvent');

describe('NavigationContext', () => {
  it('defaults `currentRoute` to null', () => {
    var context = new NavigationContext();
    expect(context.currentRoute).toEqual(null);
  });

  it('updates `currentRoute`', () => {
    var context = new NavigationContext();
    context.emit('didfocus', {route: {name: 'a'}});
    expect(context.currentRoute.name).toEqual('a');
  });

  it('has parent', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);
    expect(child.parent).toBe(parent);
  });

  it('has `top`', () => {
    var top = new NavigationContext();
    var parent = new NavigationContext();
    var child = new NavigationContext();
    top.appendChild(parent);
    parent.appendChild(child);
    expect(child.top).toBe(top);
  });

  it('captures event', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var logs = [];

    var listener = (event) => {
      var {currentTarget, eventPhase, target, type} = event;
      logs.push({
        currentTarget,
        eventPhase,
        target,
        type,
      });
    };

    parent.addListener('yo', listener, true);
    child.addListener('yo', listener, true);

    child.emit('yo');

    expect(logs).toEqual([
      {
        currentTarget: parent,
        eventPhase: NavigationEvent.CAPTURING_PHASE,
        target: child,
        type: 'yo',
      },
      {
        currentTarget: child,
        eventPhase: NavigationEvent.AT_TARGET,
        target: child,
        type: 'yo',
      }
    ]);
  });

  it('bubbles events', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var logs = [];

    var listener = (event) => {
      var {currentTarget, eventPhase, target, type} = event;
      logs.push({
        currentTarget,
        eventPhase,
        target,
        type,
      });
    };

    parent.addListener('yo', listener);
    child.addListener('yo', listener);

    child.emit('yo');

    expect(logs).toEqual([
      {
        currentTarget: child,
        eventPhase: NavigationEvent.AT_TARGET,
        target: child,
        type: 'yo',
      },
      {
        currentTarget: parent,
        eventPhase: NavigationEvent.BUBBLING_PHASE,
        target: child,
        type: 'yo',
      },
    ]);
  });

  it('stops event propagation at capture phase', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var counter = 0;

    parent.addListener('yo', event => event.stopPropagation(), true);
    child.addListener('yo', event => counter++, true);

    child.emit('yo');

    expect(counter).toBe(0);
  });

  it('stops event propagation at bubbling phase', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var counter = 0;

    parent.addListener('yo', event => counter++);
    child.addListener('yo', event => event.stopPropagation());

    child.emit('yo');

    expect(counter).toBe(0);
  });

  it('prevents event at capture phase', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var val;
    parent.addListener('yo', event => event.preventDefault(), true);
    child.addListener('yo', event => val = event.defaultPrevented, true);

    child.emit('yo');

    expect(val).toBe(true);
  });

  it('prevents event at bubble phase', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var val;
    parent.addListener('yo', event => val = event.defaultPrevented);
    child.addListener('yo', event => event.preventDefault());

    child.emit('yo');

    expect(val).toBe(true);
  });

  it('emits nested events in order at capture phase', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var logs = [];

    var listener = (event) => {
      var {currentTarget, type} = event;
      logs.push({
        currentTarget,
        type,
      });
    };

    child.addListener('yo', event => {
      // event `didyo` should be fired after the full propagation cycle of the
      // `yo` event.
      child.emit('didyo');
    });

    parent.addListener('yo', listener, true);
    parent.addListener('didyo', listener, true);
    child.addListener('yo', listener, true);

    child.emit('yo');

    expect(logs).toEqual([
      {type: 'yo', currentTarget: parent},
      {type: 'yo', currentTarget: child},
      {type: 'didyo', currentTarget: parent},
    ]);
  });

  it('emits nested events in order at bubbling phase', () => {
    var parent = new NavigationContext();
    var child = new NavigationContext();
    parent.appendChild(child);

    var logs = [];

    var listener = (event) => {
      var {currentTarget, type} = event;
      logs.push({
        currentTarget,
        type,
      });
    };

    child.addListener('yo', event => {
      // event `didyo` should be fired after the full propagation cycle of the
      // `yo` event.
      child.emit('didyo');
    });

    parent.addListener('yo', listener);
    child.addListener('yo', listener);
    parent.addListener('didyo', listener);

    child.emit('yo');

    expect(logs).toEqual([
      {type: 'yo', currentTarget: child},
      {type: 'yo', currentTarget: parent},
      {type: 'didyo', currentTarget: parent},
    ]);
  });
});