@financial-times/o-ads/test/qunit/config.test.js

This package contains the core functionality used by the FT in providing ads across all of its sites. This includes ft.com, howtospendit.com, ftadviser.com and other specialist titles.

/* globals QUnit: false, $: false */
'use strict'; //eslint-disable-line

QUnit.module('config');
QUnit.test('Config get/set', function (assert) {
  this.ads.config.init();
  this.ads.config.clear();
  let result;
  const key = 'key';
  const key2 = 'key2';
  const invalid = 'invalid';
  const value = 'value';
  const value2 = 'value2';
  assert.ok($.isFunction(this.ads.config), 'The set method exists');
  result = this.ads.config(key, value);
  assert.deepEqual(result, value, 'passing a key+value returns the value.');
  result = this.ads.config();
  const obj = {};
  obj[key] = value;
  assert.deepEqual(result, obj, 'calling without params returns all config.');
  result = this.ads.config(key);
  assert.deepEqual(result, value, 'passing a valid key returns the value.');
  result = this.ads.config(invalid);
  assert.deepEqual(result, undefined, 'passing an invalid key returns undefined.');
  result = this.ads.config(key, value2);
  assert.deepEqual(result, value2, 'set an existing key returns the new value.');
  result = this.ads.config(key);
  assert.deepEqual(result, value2, 'get returns the new value.');
  this.ads.config(key, value2);
  this.ads.config(key2, value2);
  result = this.ads.config();
  assert.ok(result[key], 'configuration has got first key set');
  assert.ok(result[key2], 'configuration has got second key set');
  this.ads.config.clear(key);
  result = this.ads.config();
  assert.notOk(result[key], 'first key has been removed');
  assert.ok(result[key2], 'second key is still set');
});
QUnit.test('Config get/set - mulitple', function (assert) {
  this.ads.config.init(true);
  this.ads.config.clear();
  const obj = {
    'some': 'config',
    'parameters': 'to',
    'be': 'added'
  };
  let result = this.ads.config(obj);
  assert.deepEqual(result, obj, 'set multiple key/values using an object.');
  result = this.ads.config();
  assert.deepEqual(result, obj, 'get returns the new values.');
});
QUnit.test('Config defaults', function (assert) {
  this.ads.init();
  const flags = {
    refresh: true,
    inview: true
  };
  const result = this.ads.config();
  assert.ok(result.hasOwnProperty('flags'), 'default properties have been added to config');
  assert.deepEqual(this.ads.config('flags'), flags, 'Config returns the correct value');
});
QUnit.test('Config fetchDeclaritive', function (assert) {
  const save = window.JSON;
  this.fixturesContainer.get().insertAdjacentHTML('beforeend', '<script data-o-ads-config type="application/json">{"dfpsite" : "site.site","dfpzone" : "zone.zone"}</script>');
  this.ads.init();
  let result = this.ads.config();
  assert.ok(result.dfpzone, 'Config has been fetched from the inline declarative script');
  window['JSON'] = undefined;
  this.ads.init();
  result = this.ads.config();
  assert.notOk(result.dfpsite, 'no DFP Site - when JSON not available the declarative config is not parsed');
  assert.notOk(result.dfpzone, 'no DFP zone - when JSON not available the declarative config is not parsed');
  window['JSON'] = save;
});
QUnit.test('Config fetchDeclaritive, multiple script tags', function (assert) {
  this.fixturesContainer.get().insertAdjacentHTML('beforeend', '<script data-o-ads-config type="application/json">{"athing" : "thing", "anotherthing" : "another"}</script>');
  this.fixturesContainer.get().insertAdjacentHTML('beforeend', '<script data-o-ads-config type="application/json">{"more" : "evenmore"}</script>');
  this.ads.init();
  const result = this.ads.config();
  assert.equal(result.athing, 'thing', 'data-o-ads-size attribute');
  assert.equal(result.more, 'evenmore', 'data-o-ads-size attribute');
});
QUnit.test('Config deep extends so default options like formats aren\'t overwritten', function (assert) {
  this.ads.init();
  const result = this.ads.config({
    formats: {
      someNewFormat: {
        sizes: [[2, 2]]
      }
    }
  });
  assert.ok(result.formats.HalfPage, 'predefined formats still exist');
  assert.ok(result.formats.someNewFormat, 'new format is added');
});
QUnit.test('Config works as expected even when there are custom prototype methods defined (e.g. polyfill)', function (assert) {
  // define a custom prototype method
  Array.prototype.customTestFunction = function () {}; // eslint-disable-line no-extend-native


  this.ads.init();
  const flags = {
    refresh: true,
    inview: true
  };
  const repsonsiveDefaults = {
    extra: [1025, 0],
    large: [1000, 0],
    medium: [760, 0],
    small: [0, 0]
  };
  const result = this.ads.config();
  assert.ok(result.hasOwnProperty('flags'), 'default properties have been added to config');
  assert.deepEqual(this.ads.config('flags'), flags, 'Config returns the correct value');
  assert.deepEqual(this.ads.config('responsive'), repsonsiveDefaults, 'Config returns the correct values for responsive slots');
  delete Array.prototype.customTestFunction;
});