test/unit/core/document/test-visibility.js - main - githubmirror/amphtml

test/unit/core/document/test-visibility.js
98 строк3 KB
Ryan Cebulko
♻️ Move files into #core, #utils to enable tsc typechecking (#36277)
07 окт 2021, 23:26
07 окт 2021, 23:26b6d1550
import {
  addDocumentVisibilityChangeListener,
  getDocumentVisibilityState,
  isDocumentHidden,
  removeDocumentVisibilityChangeListener,
} from '#core/document/visibility';

describes.sandboxed('document-visibility', {}, (env) => {
  let doc;

  beforeEach(() => {
    doc = {
      addEventListener: env.sandbox.spy(),
      removeEventListener: env.sandbox.spy(),
    };
  });

  function overridePropertyForDoc(name, value) {
    env.sandbox.defineProperty(doc, name, {value});
  }

  it('should be visible when no properties defined', () => {
    expect(isDocumentHidden(doc)).to.be.false;
    expect(getDocumentVisibilityState(doc)).to.equal('visible');
  });

  it('should resolve non-vendor hidden property', () => {
    overridePropertyForDoc('hidden', true);
    expect(isDocumentHidden(doc)).to.be.true;
    expect(getDocumentVisibilityState(doc)).to.equal('hidden');
  });

  it('should resolve non-vendor visibilityState property', () => {
    overridePropertyForDoc('visibilityState', 'hidden');
    expect(isDocumentHidden(doc)).to.be.true;
    expect(getDocumentVisibilityState(doc)).to.equal('hidden');
  });

  it('should prefer visibilityState property to hidden', () => {
    overridePropertyForDoc('hidden', true);
    overridePropertyForDoc('visibilityState', 'visible');
    expect(isDocumentHidden(doc)).to.be.false;
    expect(getDocumentVisibilityState(doc)).to.equal('visible');
  });

  it('should consider prerender as visible', () => {
    overridePropertyForDoc('visibilityState', 'prerender');
    expect(isDocumentHidden(doc)).to.be.true;
    expect(getDocumentVisibilityState(doc)).to.equal('prerender');
  });

  it('should resolve non-vendor visibilitychange event', () => {
    function handler() {}
    overridePropertyForDoc('onvisibilitychange', null);

    addDocumentVisibilityChangeListener(doc, handler);
    expect(doc.addEventListener).to.be.calledOnce.calledWith(
      'visibilitychange',
      handler
    );

    removeDocumentVisibilityChangeListener(doc, handler);
    expect(doc.removeEventListener).to.be.calledOnce.calledWith(
      'visibilitychange',
      handler
    );
  });

  it('should resolve vendor hidden property', () => {
    overridePropertyForDoc('webkitHidden', true);
    expect(isDocumentHidden(doc)).to.be.true;
    expect(getDocumentVisibilityState(doc)).to.equal('hidden');
  });

  it('should resolve vendor visibilityState property', () => {
    overridePropertyForDoc('webkitVisibilityState', 'prerender');
    expect(isDocumentHidden(doc)).to.be.true;
    expect(getDocumentVisibilityState(doc)).to.equal('prerender');
  });

  it('should resolve vendor visibilitychange event', () => {
    function handler() {}
    overridePropertyForDoc('webkitHidden', true);
    overridePropertyForDoc('onwebkitvisibilitychange', null);

    addDocumentVisibilityChangeListener(doc, handler);
    expect(doc.addEventListener).to.be.calledOnce.calledWith(
      'webkitVisibilitychange',
      handler
    );

    removeDocumentVisibilityChangeListener(doc, handler);
    expect(doc.removeEventListener).to.be.calledOnce.calledWith(
      'webkitVisibilitychange',
      handler
    );
  });
});