Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use createCompositionTestTargets method in wpt

Best JavaScript code snippet using wpt

interpolation-testcommon.js

Source:interpolation-testcommon.js

...286      };287      return target;288    });289  }290  function createCompositionTestTargets(compositionContainer, compositionTest) {291    var options = compositionTest.options;292    var property = options.property;293    var underlying = options.underlying;294    var comparisonFunction = options.comparisonFunction;295    var from = options.accumulateFrom || options.addFrom || options.replaceFrom;296    var to = options.accumulateTo || options.addTo || options.replaceTo;297    var fromComposite = 'accumulateFrom' in options ? 'accumulate' : 'addFrom' in options ? 'add' : 'replace';298    var toComposite = 'accumulateTo' in options ? 'accumulate' : 'addTo' in options ? 'add' : 'replace';299    const invalidFrom = 'addFrom' in options === 'replaceFrom' in options300        && 'addFrom' in options === 'accumulateFrom' in options;301    const invalidTo = 'addTo' in options === 'replaceTo' in options302        && 'addTo' in options === 'accumulateTo' in options;303    if (invalidFrom || invalidTo) {304      test(function() {305        assert_false(invalidFrom, 'Exactly one of accumulateFrom, addFrom, or replaceFrom must be specified');306        assert_false(invalidTo, 'Exactly one of accumulateTo, addTo, or replaceTo must be specified');307      }, `Composition tests must have valid setup`);308    }309    var testText = `Compositing: property <${property}> underlying [${underlying}] from ${fromComposite} [${from}] to ${toComposite} [${to}]`;310    var testContainer = createElement(compositionContainer, 'div');311    createElement(testContainer);312    // Setup a standard equality function if an override is not provided.313    if (!comparisonFunction) {314      comparisonFunction = (actual, expected) => {315        assert_equals(normalizeValue(actual), normalizeValue(expected));316      };317    }318    return compositionTest.expectations.map(function(expectation) {319      var actualTargetContainer = createTargetContainer(testContainer, 'actual');320      var expectedTargetContainer = createTargetContainer(testContainer, 'expected');321      var expectedStr = expectation.option || expectation.expect;322      if (!isNeutralKeyframe(expectedStr)) {323        expectedTargetContainer.target.style.setProperty(property, expectedStr);324      }325      var target = actualTargetContainer.target;326      target.style.setProperty(property, underlying);327      target.interpolate = function() {328        webAnimationsInterpolation.interpolateComposite(property, from, fromComposite, to, toComposite, expectation.at, target);329      };330      target.measure = function() {331        var expectedValue = getComputedStyle(expectedTargetContainer.target).getPropertyValue(property);332        test(function() {333          if (from && from !== neutralKeyframe) {334            assert_true(CSS.supports(property, from), '\'from\' value should be supported');335          }336          if (to && to !== neutralKeyframe) {337            assert_true(CSS.supports(property, to), '\'to\' value should be supported');338          }339          if (typeof underlying !== 'undefined') {340            assert_true(CSS.supports(property, underlying), '\'underlying\' value should be supported');341          }342          comparisonFunction(343              getComputedStyle(target).getPropertyValue(property),344              expectedValue);345        }, `${testText} at (${expectation.at}) should be [${sanitizeUrls(expectedStr)}]`);346      };347      return target;348    });349  }350  function createTestTargets(interpolationMethods, interpolationTests, compositionTests, container) {351    var targets = [];352    for (var interpolationMethod of interpolationMethods) {353      var interpolationMethodContainer = createElement(container);354      for (var interpolationTest of interpolationTests) {355        [].push.apply(targets, createInterpolationTestTargets(interpolationMethod, interpolationMethodContainer, interpolationTest));356      }357    }358    var compositionContainer = createElement(container);359    for (var compositionTest of compositionTests) {360      [].push.apply(targets, createCompositionTestTargets(compositionContainer, compositionTest));361    }362    return targets;363  }364  function test_no_interpolation(options) {365    test_interpolation(options, expectNoInterpolation);366  }367  function create_tests() {368    var interpolationMethods = [369      cssTransitionsInterpolation,370      cssTransitionAllInterpolation,371      cssAnimationsInterpolation,372      webAnimationsInterpolation,373    ];374    var container = createElement(document.body);...

interpolation-test.js

Source:interpolation-test.js

...280      };281      return target;282    });283  }284  function createCompositionTestTargets(compositionContainer, compositionTest, rebaselineContainer) {285    var options = compositionTest.options;286    console.assert('addFrom' in options !== 'replaceFrom' in options);287    console.assert('addTo' in options !== 'replaceTo' in options);288    var property = options.property;289    var underlying = options.underlying;290    var from = options.addFrom || options.replaceFrom;291    var to = options.addTo || options.replaceTo;292    var fromComposite = 'addFrom' in options ? 'add' : 'replace';293    var toComposite = 'addTo' in options ? 'add' : 'replace';294    if (webAnimationsInterpolation.rebaseline) {295      var rebaseline = createElement(rebaselineContainer, 'pre');296      rebaseline.appendChild(document.createTextNode(`\297assertComposition({298  property: '${property}',299  underlying: '${underlying}',300  ${fromComposite}From: '${from}',301  ${toComposite}To: '${to}',302}, [\n`));303      var rebaselineExpectation;304      rebaseline.appendChild(rebaselineExpectation = document.createTextNode(''));305      rebaseline.appendChild(document.createTextNode(']);\n\n'));306    }307    var testText = `Compositing: property <${property}> underlying [${underlying}] from ${fromComposite} [${from}] to ${toComposite} [${to}]`;308    var testContainer = createElement(compositionContainer, 'div', testText);309    createElement(testContainer, 'br');310    return compositionTest.expectations.map(function(expectation) {311      var actualTargetContainer = createTargetContainer(testContainer, 'actual');312      var expectedTargetContainer = createTargetContainer(testContainer, 'expected');313      expectedTargetContainer.target.style[property] = expectation.is;314      var target = actualTargetContainer.target;315      target.style[property] = underlying;316      target.interpolate = function() {317        webAnimationsInterpolation.interpolateKeyframes([{318          offset: 0,319          composite: fromComposite,320          [property]: from,321        }, {322          offset: 1,323          composite: toComposite,324          [property]: to,325        }], expectation.at, target);326      };327      target.measure = function() {328        var actualValue = getComputedStyle(target)[property];329        test(function() {330          assert_equals(331            normalizeValue(actualValue),332            normalizeValue(getComputedStyle(expectedTargetContainer.target)[property]));333        }, `${testText} at (${expectation.at}) is [${sanitizeUrls(actualValue)}]`);334        if (rebaselineExpectation) {335          rebaselineExpectation.textContent += `  {at: ${expectation.at}, is: '${actualValue}'},\n`;336        }337      };338      return target;339    });340  }341  function createTestTargets(interpolationMethods, interpolationTests, compositionTests, container, rebaselineContainer) {342    var targets = [];343    for (var interpolationMethod of interpolationMethods) {344      var interpolationMethodContainer = createElement(container);345      for (var interpolationTest of interpolationTests) {346        [].push.apply(targets, createInterpolationTestTargets(interpolationMethod, interpolationMethodContainer, interpolationTest, rebaselineContainer));347      }348    }349    var compositionContainer = createElement(container);350    for (var compositionTest of compositionTests) {351      [].push.apply(targets, createCompositionTestTargets(compositionContainer, compositionTest, rebaselineContainer));352    }353    return targets;354  }355  function runTests() {356    var interpolationMethods = [357      cssTransitionsInterpolation,358      cssAnimationsInterpolation,359    ];360    if (webAnimationsEnabled) {361      interpolationMethods.push(webAnimationsInterpolation);362    }363    var rebaselineContainer = createElement(document.body);364    var container = createElement(document.body);365    var targets = createTestTargets(interpolationMethods, interpolationTests, compositionTests, container, rebaselineContainer);...

Using AI Code Generation

1var wptHarness = require('wpt-harness');2var createCompositionTestTargets = wptHarness.createCompositionTestTargets;3var testTargets = createCompositionTestTargets('test', 'test', 'test');4testTargets.forEach(function(testTarget) {5  console.log(testTarget);6});7var assert = require('assert');8describe('test', function() {9  it('test', function() {10    assert(true);11  });12});13var assert = require('assert');14describe('test', function() {15  it('test', function() {16    assert(true);17  });18});19var assert = require('assert');20describe('test', function() {21  it('test', function() {22    assert(true);23  });24});25var assert = require('assert');26describe('test', function() {27  it('test', function() {28    assert(true);29  });30});31var assert = require('assert');32describe('test', function() {33  it('test', function() {34    assert(true);35  });36});

Using AI Code Generation

1var testTargets = createCompositionTestTargets();2testTargets.forEach(function(target) {3    test(function() {4        var composition = new Composition(target);5        assert_true(composition instanceof Composition, "The object should be an instance of Composition.");6        assert_equals(composition.target, target, "The target should be equal to the target passed to the constructor.");7        assert_equals(composition.mode, "replace", "The mode should be replace by default.");8        assert_equals(composition.range, null, "The range should be null by default.");9        assert_equals(composition.text, "", "The text should be an empty string by default.");10    }, "Test composition object creation with target " + target);11});12function createCompositionTestTargets() {13    return [document, document.body, document.body.firstElementChild];14}15function Composition(target) {16    this.target = target;17    this.mode = "replace";18    this.range = null;19    this.text = "";20}21function test(testFunction, testName) {22    testFunction();23}24function assert_true(condition, message) {25    if (!condition) {26        throw new Error(message);27    }28}29function assert_equals(actual, expected, message) {30    if (actual !== expected) {31        throw new Error(message);32    }33}

Using AI Code Generation

1const { createCompositionTestTargets } = require('wpt-runner');2const targets = createCompositionTestTargets({3  testFilesTimeouts: {4  },5  testFilesUrlTimeouts: {6  },7});8module.exports = targets;9const { createTestTargets } = require('wpt-runner');10const targets = createTestTargets({

Using AI Code Generation

1var targets = createCompositionTestTargets();2targets.forEach(function(target) {3  target.target.addEventListener("compositionstart", function() {4    assert_true(true, "compositionstart fired");5  });6  target.target.addEventListener("compositionupdate", function() {7    assert_true(true, "compositionupdate fired");8  });9  target.target.addEventListener("compositionend", function() {10    assert_true(true, "compositionend fired");11    assert_equals(target.target.textContent, target.text, "text is inserted correctly");12  });13  target.target.focus();14  var event = new CompositionEvent("compositionstart", { data: "a" });15  target.target.dispatchEvent(event);16  event = new CompositionEvent("compositionupdate", { data: "ab" });17  target.target.dispatchEvent(event);18  event = new CompositionEvent("compositionupdate", { data: "abc" });19  target.target.dispatchEvent(event);20  event = new CompositionEvent("compositionend", { data: "abc" });21  target.target.dispatchEvent(event);22});23targets.forEach(function(target) {24  target.target.addEventListener("compositionstart", function() {25    assert_true(true, "compositionstart fired");26  });27  target.target.addEventListener("compositioncancel", function() {28    assert_true(true, "compositioncancel fired");29    assert_equals(target.target.textContent, "", "text is not inserted");30  });31  target.target.focus();32  var event = new CompositionEvent("compositionstart", { data: "a" });33  target.target.dispatchEvent(event);34  event = new CompositionEvent("compositionupdate", { data: "ab" });35  target.target.dispatchEvent(event);36  event = new CompositionEvent("compositionupdate", { data: "abc" });37  target.target.dispatchEvent(event);38  event = new CompositionEvent("compositioncancel", { data: "abc" });39  target.target.dispatchEvent(event);40});41targets.forEach(function(target) {42  target.target.addEventListener("compositionstart", function() {43    assert_true(true, "compositionstart fired");44  });

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.