ads/google/test/test-utils.js - main - githubmirror/amphtml

ads/google/test/test-utils.js
169 строк4 KB
Kristofer Baxter
♻️ Remove Notice from JS and Markdown (#35717)
19 авг 2021, 21:21
19 авг 2021, 21:21f564b7e
import {
  ExternalCorePubVars,
  LayoutType,
} from '#ads/google/a4a/shared/content-recommendation';
import {
  getMatchedContentResponsiveHeightAndUpdatePubParams,
  getMultiSizeDimensions,
} from '#ads/google/utils';

describes.sandboxed('#getMultiSizeDimensions', {}, () => {
  const multiSizes = [
    [300, 300],
    [300, 250],
    [250, 250],
    [250, 200],
    [150, 50],
  ];

  const multiSizeDataStr = '300x300,300x250,250x250,250x200,150x50';

  function verifyArray(actual, lower, upper) {
    expect(
      multiSizes.filter((size, index) => index < upper && index >= lower)
    ).to.deep.equal(actual);
  }

  it('should return all sizes', () => {
    const actual = getMultiSizeDimensions(
      multiSizeDataStr,
      300,
      300,
      /* Ignore lowerbound */ false
    );
    verifyArray(actual, 0, multiSizes.length);
  });

  it('should return a smaller array', () => {
    const actual = getMultiSizeDimensions(
      multiSizeDataStr,
      300,
      250,
      /* Ignore lowerbound */ false
    );
    verifyArray(actual, 1, multiSizes.length);
  });

  it('should return an even smaller array', () => {
    const actual = getMultiSizeDimensions(
      multiSizeDataStr,
      250,
      250,
      /* Ignore lowerbound */ false
    );
    verifyArray(actual, 2, multiSizes.length);
  });

  it('should return an empty array', () => {
    const actual = getMultiSizeDimensions(
      multiSizeDataStr,
      100,
      50,
      /* Ignore lowerbound */ false
    );
    verifyArray(actual, 0, 0);
  });

  it('should return a smaller array due to lowerbound', () => {
    const actual = getMultiSizeDimensions(
      multiSizeDataStr,
      300,
      300,
      /* Use lowerbound */ true
    );

    verifyArray(actual, 0, multiSizes.length - 1);
  });

  it('should return a smaller array due to lowerbound + smaller primary size', () => {
    const actual = getMultiSizeDimensions(
      multiSizeDataStr,
      300,
      250,
      /* Use lowerbound */ true
    );
    verifyArray(actual, 1, multiSizes.length - 1);
  });

  it('should return all positive sizes', () => {
    const actual = getMultiSizeDimensions(
      '-1x300,' + multiSizeDataStr,
      300,
      300,
      /* Ignore lowerbound */ false
    );
    verifyArray(actual, 0, multiSizes.length);
  });

  it('should not add dummy size for fluid if fluid is primary size', () => {
    expect(
      getMultiSizeDimensions(
        'fluid',
        300,
        300,
        /* useLowerBound */ false,
        /* isFluidPrimary */ true
      )
    ).to.deep.equal([]);
  });

  it('should allow fluid with fixed sizes', () => {
    expect(
      getMultiSizeDimensions(
        'fluid,300x300',
        300,
        300,
        /* useLowerBound */ false
      )
    ).to.deep.equal([[300, 300]]);
    expect(
      getMultiSizeDimensions(
        '300x300,fluid',
        300,
        300,
        /* useLowerBound */ false
      )
    ).to.deep.equal([[300, 300]]);
  });
});

describes.sandboxed(
  '#getMatchedContentResponsiveHeightAndUpdatePubParams',
  {},
  () => {
    it('should use auto logic when no pub params present', () => {
      const element = document.createElement('div');
      expect(
        getMatchedContentResponsiveHeightAndUpdatePubParams(400, element)
      ).to.equal(1472);
      expect(element.getAttribute(ExternalCorePubVars.ROWS_NUM)).to.equal('12');
      expect(element.getAttribute(ExternalCorePubVars.COLUMNS_NUM)).to.equal(
        '1'
      );
      expect(element.getAttribute(ExternalCorePubVars.UI_TYPE)).to.equal(
        LayoutType.MOBILE_BANNER_IMAGE_SIDEBYSIDE
      );
    });

    it('should use pub control logic when pub params present', () => {
      const element = document.createElement('div');
      element.setAttribute(ExternalCorePubVars.ROWS_NUM, '1,2');
      element.setAttribute(ExternalCorePubVars.COLUMNS_NUM, '3,4');
      element.setAttribute(
        ExternalCorePubVars.UI_TYPE,
        `${LayoutType.IMAGE_SIDEBYSIDE},${LayoutType.IMAGE_STACKED}`
      );

      expect(
        getMatchedContentResponsiveHeightAndUpdatePubParams(800, element)
      ).to.equal(382);
      expect(element.getAttribute(ExternalCorePubVars.ROWS_NUM)).to.equal('2');
      expect(element.getAttribute(ExternalCorePubVars.COLUMNS_NUM)).to.equal(
        '4'
      );
      expect(element.getAttribute(ExternalCorePubVars.UI_TYPE)).to.equal(
        LayoutType.PUB_CONTROL_IMAGE_STACKED
      );
    });
  }
);