test/unit/test-base-element.js - main - githubmirror/amphtml

test/unit/test-base-element.js
194 строки6 KB
Justin Ridgewell
Lint remaining static enums in src (#36821)
16 ноя 2021, 01:07
16 ноя 2021, 01:07556e94a
import {DEFAULT_ACTION} from '#core/constants/action-constants';
import {LayoutPriority_Enum} from '#core/dom/layout';
import {layoutRectLtwh} from '#core/dom/layout/rect';

import {Services} from '#service';
import {Resource} from '#service/resource';

import {listenOncePromise} from '#utils/event-helper';

import {BaseElement} from '../../src/base-element';
import {createAmpElementForTesting} from '../../src/custom-element';

describes.realWin('BaseElement', {amp: true}, (env) => {
  let win, doc;
  let customElement;
  let element;

  beforeEach(() => {
    win = env.win;
    doc = win.document;
    win.customElements.define(
      'amp-test-element',
      createAmpElementForTesting(win, BaseElement)
    );
    customElement = doc.createElement('amp-test-element');
    element = new BaseElement(customElement);
  });

  it('should delegate update priority to resources', () => {
    const resources = win.__AMP_SERVICES.resources.obj;
    customElement.getResources = () => resources;
    const updateLayoutPriorityStub = env.sandbox.stub(
      resources,
      'updateLayoutPriority'
    );
    element.updateLayoutPriority(LayoutPriority_Enum.METADATA);
    expect(updateLayoutPriorityStub).to.be.calledOnce;
  });

  it('should register action', () => {
    const handler = () => {};
    element.registerAction('method1', handler);
    expect(element.actionMap_['method1']).to.not.be.null;
  });

  it('should fail execution of unregistered action', () => {
    allowConsoleError(() => {
      expect(() => {
        element.executeAction({method: 'method1'}, false);
      }).to.throw(/Method not found/);
    });
  });

  it('`this` context of handler should not be the holder', () => {
    const handler = () => {
      const holder = element.actionMap_['foo'];
      expect(this).to.not.equal(holder);
    };
    element.registerAction('foo', handler);
    const invocation = {method: 'foo', satisfiesTrust: () => true};
    element.executeAction(invocation, null, false);
  });

  it('should execute registered action', () => {
    const handler = env.sandbox.spy();
    element.registerAction('method1', handler);
    const invocation = {method: 'method1', satisfiesTrust: () => true};
    element.executeAction(invocation, null, false);
    expect(handler).to.be.calledOnce;
  });

  it('should execute default method by "activate"', () => {
    const handler = env.sandbox.spy();
    element.registerDefaultAction(handler);
    const invocation = {method: DEFAULT_ACTION, satisfiesTrust: () => true};
    element.executeAction(invocation, null, false);
    expect(handler).to.be.calledOnce;
  });

  it('should not allow two default actions', () => {
    const handler = env.sandbox.spy();
    const anotherHandler = env.sandbox.spy();
    element.registerDefaultAction(handler);
    return allowConsoleError(() => {
      expect(() => {
        element.registerDefaultAction(anotherHandler);
      }).to.throw(/Default action "activate" already registered./);
    });
  });

  it('should check trust before invocation', () => {
    const handler = env.sandbox.spy();
    const minTrust = 100;
    element.foo = () => {};
    element.registerDefaultAction(handler, 'foo', minTrust);

    // Registered action.
    element.executeAction(
      {
        method: 'foo',
        satisfiesTrust: () => false,
      },
      null,
      false
    );
    expect(handler).to.not.be.called;
    element.executeAction(
      {
        method: 'foo',
        satisfiesTrust: (t) => t == minTrust,
      },
      null,
      false
    );
    expect(handler).to.be.called;

    // Action 'foo' is invoked by default 'activate' method.
    element.executeAction(
      {
        method: 'activate',
        satisfiesTrust: () => true,
      },
      null,
      false
    );
    expect(handler).to.be.called;
  });

  it('should return correct layoutBox', () => {
    const resources = win.__AMP_SERVICES.resources.obj;
    customElement.getResources = () => resources;
    const resource = new Resource(1, customElement, resources);
    env.sandbox
      .stub(resources, 'getResourceForElement')
      .withArgs(customElement)
      .returns(resource);
    const layoutBox = layoutRectLtwh(0, 50, 100, 200);
    env.sandbox.stub(resource, 'getLayoutBox').callsFake(() => layoutBox);
    expect(element.getLayoutBox()).to.eql(layoutBox);
    expect(customElement.getLayoutBox()).to.eql(layoutBox);
  });

  it('should return true for inabox experiment renderOutsideViewport', () => {
    expect(element.renderOutsideViewport()).to.eql(3);
    // Should be true with inabox
    env.win.__AMP_MODE.runtime = 'inabox';
    expect(element.renderOutsideViewport()).to.be.true;
  });

  describe('forwardEvents', () => {
    const TIMEOUT = 1000;
    let target;
    let event1;
    let event2;
    let event1Promise;
    let event2Promise;

    beforeEach(() => {
      const timer = Services.timerFor(element.win);
      target = doc.createElement('div');

      event1 = doc.createEvent('Event');
      event1.initEvent('event1', false, true);

      event2 = doc.createEvent('Event');
      event2.initEvent('event2', false, true);

      event1Promise = listenOncePromise(element.element, 'event1');
      event1Promise = timer.timeoutPromise(TIMEOUT, event1Promise);

      event2Promise = listenOncePromise(element.element, 'event2');
      event2Promise = timer.timeoutPromise(TIMEOUT, event2Promise);
    });

    it('forwards single event', () => {
      element.forwardEvents('event1', target);
      target.dispatchEvent(event1);
      target.dispatchEvent(event2);

      return Promise.all([
        event1Promise,
        expect(event2Promise).to.eventually.be.rejectedWith(/timeout/),
      ]);
    });

    it('forwards multiple events', () => {
      element.forwardEvents(['event1', 'event2'], target);
      target.dispatchEvent(event1);
      target.dispatchEvent(event2);

      return Promise.all([event1Promise, event2Promise]);
    });
  });
});