test/unit/core/dom/test-web-components.js - main - githubmirror/amphtml

test/unit/core/dom/test-web-components.js
93 строки3 KB
Marc
fix: sandboxed css feature detection (#39187)
09 авг 2023, 20:58
09 авг 2023, 20:58c90c7dd
import {
  ShadowDomVersion_Enum,
  getShadowDomSupportedVersion,
  isShadowCssSupported,
  isShadowDomSupported,
  setShadowCssSupportedForTesting,
  setShadowDomSupportedVersionForTesting,
} from '#core/dom/web-components';

describes.sandboxed('DOM - web components', {}, () => {
  beforeEach(() => {
    setShadowDomSupportedVersionForTesting(undefined);
  });

  it('should report whether native shadow dom supported', () => {
    const shadowDomV0 = !!Element.prototype.createShadowRoot;
    const shadowDomV1 = !!Element.prototype.attachShadow;
    expect(isShadowDomSupported()).to.equal(shadowDomV0 || shadowDomV1);
  });
});

describes.realWin('Web Components spec', {}, (env) => {
  let win;

  beforeEach(() => {
    win = env.win;
    setShadowDomSupportedVersionForTesting(undefined);
  });

  describe('Shadow DOM', () => {
    it('reports NONE when no spec is available', () => {
      win.Element.prototype.createShadowRoot = undefined;
      win.Element.prototype.attachShadow = undefined;

      expect(getShadowDomSupportedVersion(win.Element)).to.equal(
        ShadowDomVersion_Enum.NONE
      );
    });

    it('gives preference to v1 over v0 when both specs are available', () => {
      if (
        !!win.Element.prototype.createShadowRoot &&
        !!win.Element.prototype.attachShadow
      ) {
        expect(getShadowDomSupportedVersion(win.Element)).to.equal(
          ShadowDomVersion_Enum.V1
        );
      }
    });

    it('reports v0 when available but v1 is not', () => {
      if (!!win.Element.prototype.createShadowRoot) {
        win.Element.prototype.attachShadow = undefined;

        expect(getShadowDomSupportedVersion(win.Element)).to.equal(
          ShadowDomVersion_Enum.V0
        );
      }
    });
  });

  describe('Shadow CSS', () => {
    beforeEach(() => {
      setShadowCssSupportedForTesting(undefined);
    });

    it('should report whether native shadow css supported', () => {
      const shadowDomV0 = !!win.Element.prototype.createShadowRoot;
      const shadowDomV1 = !!win.Element.prototype.attachShadow;
      expect(isShadowCssSupported()).to.equal(shadowDomV0 || shadowDomV1);
    });

    it('should report whether native shadow css supported using proxied Elements', () => {
      const shadowDomV0 = !!win.Element.prototype.createShadowRoot;
      const shadowDomV1 = !!win.Element.prototype.attachShadow;

      if (shadowDomV0) {
        const {createShadowRoot} = win.Element.prototype;

        win.Element.prototype.createShadowRoot = (...args) =>
          createShadowRoot(...args);
      }

      if (shadowDomV1) {
        const {attachShadow} = win.Element.prototype;

        win.Element.prototype.attachShadow = (...args) => attachShadow(...args);
      }

      expect(isShadowCssSupported()).to.equal(shadowDomV0 || shadowDomV1);
    });
  });
});