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

Copied to Clipboard!

How to use createWebBundleElement method in wpt

Best JavaScript code snippet using wpt

subresource-load-test.sub.js

Source:subresource-load-test.sub.js

...12    '/common/redirect.py?location=https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/root.js';13  return promise_rejects_js(t, TypeError, import(url));14}, 'Subresource loading with WebBundle shouldn\'t affect redirect');15promise_test(async () => {16  const element = createWebBundleElement(17      '../resources/wbn/dynamic1-b2.wbn',18      [19        'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js',20        'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource2.js',21        'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource4.js'22      ]);23  document.body.appendChild(element);24  const module = await import('https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js');25  assert_equals(module.result, 'resource1 from dynamic1.wbn');26  document.body.removeChild(element);27}, 'Subresource loading from a b2 bundle');28promise_test(async () => {29  const classic_script_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/classic_script.js';30  const element = createWebBundleElement(31      '../resources/wbn/dynamic1-b2.wbn',32      [classic_script_url]);33  document.body.appendChild(element);34  assert_equals(35    await loadScriptAndWaitReport(classic_script_url),36    'classic script from dynamic1.wbn');37  changeWebBundleUrl(element, '../resources/wbn/dynamic2-b2.wbn');38  // Loading the classic script should not reuse the previously loaded39  // script. So in this case, the script must be loaded from dynamic2-b2.wbn.40  assert_equals(41    await loadScriptAndWaitReport(classic_script_url),42    'classic script from dynamic2.wbn');43  document.body.removeChild(element);44  // And in this case, the script must be loaded from network.45  assert_equals(46    await loadScriptAndWaitReport(classic_script_url),47    'classic script from network');48}, 'Dynamically loading classic script from a \'b2\' web bundle with resources attribute');49promise_test(async () => {50  const element = createWebBundleElement(51      '../resources/wbn/dynamic1.wbn',52      [53        'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js',54        'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource2.js',55        'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource4.js'56      ]);57  document.body.appendChild(element);58  const module = await import('https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js');59  assert_equals(module.result, 'resource1 from dynamic1.wbn');60  changeWebBundleUrl(element, '../resources/wbn/dynamic2-b2.wbn');61  const module2 = await import('https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource2.js');62  assert_equals(module2.result, 'resource2 from dynamic2.wbn');63  // A resource not specified in the resources attribute, but in the bundle.64  const module3 = await import('https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource3.js');65  assert_equals(module3.result, 'resource3 from network');66  document.body.removeChild(element);67  const module4 = await import('https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource4.js');68  assert_equals(module4.result, 'resource4 from network');69  // Module scripts are stored to the Document's module map once loaded.70  // So import()ing the same module script will reuse the previously loaded71  // script.72  const module_second = await import('https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js');73  assert_equals(module_second.result, 'resource1 from dynamic1.wbn');74}, 'Dynamically adding / updating / removing the webbundle element.');75promise_test(async () => {76  const classic_script_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/classic_script.js';77  const element = createWebBundleElement(78      '../resources/wbn/dynamic1.wbn',79      [classic_script_url]);80  document.body.appendChild(element);81  assert_equals(82    await loadScriptAndWaitReport(classic_script_url),83    'classic script from dynamic1.wbn');84  changeWebBundleUrl(element, '../resources/wbn/dynamic2-b2.wbn');85  // Loading the classic script should not reuse the previously loaded86  // script. So in this case, the script must be loaded from dynamic2.wbn.87  assert_equals(88    await loadScriptAndWaitReport(classic_script_url),89    'classic script from dynamic2.wbn');90  document.body.removeChild(element);91  // And in this case, the script must be loaded from network.92  assert_equals(93    await loadScriptAndWaitReport(classic_script_url),94    'classic script from network');95}, 'Dynamically loading classic script from web bundle');96promise_test(async (t) => {97  // To avoid caching mechanism, this test is using fetch() API with98  // { cache: 'no-store' } to load the resource.99  const classic_script_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/classic_script.js';100  assert_equals(101    await (await fetch(classic_script_url)).text(),102    'window.report_result(\'classic script from network\');\n');103  const element1 = createWebBundleElement(104      '../resources/wbn/dynamic1.wbn',105      [classic_script_url]);106  document.body.appendChild(element1);107  t.add_cleanup(() => {108    if (element1.parentElement)109      element1.parentElement.removeChild(element1);110  });111  assert_equals(112    await (await fetch(classic_script_url, { cache: 'no-store' })).text(),113    'window.report_result(\'classic script from dynamic1.wbn\');\n');114  const element2 = createWebBundleElement(115      '../resources/wbn/dynamic2.wbn',116      [classic_script_url]);117  document.body.appendChild(element2);118  t.add_cleanup(() => {119    if (element2.parentElement)120      element2.parentElement.removeChild(element2);121  });122  assert_equals(123    await (await fetch(classic_script_url, { cache: 'no-store' })).text(),124    'window.report_result(\'classic script from dynamic2.wbn\');\n');125  document.body.removeChild(element2);126  assert_equals(127    await (await fetch(classic_script_url, { cache: 'no-store' })).text(),128    'window.report_result(\'classic script from dynamic1.wbn\');\n');129  document.body.removeChild(element1);130  assert_equals(131    await (await fetch(classic_script_url, { cache: 'no-store' })).text(),132    'window.report_result(\'classic script from network\');\n');133}, 'Multiple web bundle elements. The last added element must be refered.');134promise_test(async () => {135  const classic_script_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/classic_script.js';136  const scope = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/';137  const element = createWebBundleElement(138      '../resources/wbn/dynamic1.wbn',139      [],140      {scopes: [scope]});141  document.body.appendChild(element);142  assert_equals(143    await loadScriptAndWaitReport(classic_script_url),144    'classic script from dynamic1.wbn');145  changeWebBundleUrl(element, '../resources/wbn/dynamic2.wbn');146  // Loading the classic script should not reuse the previously loaded147  // script. So in this case, the script must be loaded from dynamic2.wbn.148  assert_equals(149    await loadScriptAndWaitReport(classic_script_url),150    'classic script from dynamic2.wbn');151  // Changes the scope not to hit the classic_script.js.152  changeWebBundleScopes(element, [scope + 'dummy']);153  // And in this case, the script must be loaded from network.154  assert_equals(155    await loadScriptAndWaitReport(classic_script_url),156    'classic script from network');157  // Adds the scope to hit the classic_script.js.158  changeWebBundleScopes(element, [scope + 'dummy', scope + 'classic_']);159  assert_equals(160    await loadScriptAndWaitReport(classic_script_url),161    'classic script from dynamic2.wbn');162  document.body.removeChild(element);163  // And in this case, the script must be loaded from network.164  assert_equals(165    await loadScriptAndWaitReport(classic_script_url),166    'classic script from network');167}, 'Dynamically loading classic script from web bundle with scopes');168promise_test(() => {169  return addWebBundleElementAndWaitForLoad(170      '../resources/wbn/dynamic1.wbn?test-event',171      /*resources=*/[],172      {crossOrigin: undefined});173}, 'The webbundle element fires a load event on load success');174promise_test((t) => {175  return addWebBundleElementAndWaitForError(176      '../resources/wbn/nonexistent.wbn',177      /*resources=*/[],178      {crossOrigin: undefined});179}, 'The webbundle element fires an error event on load failure');180promise_test(async () => {181  const module_script_url = 'https://www1.{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js';182  const element = createWebBundleElement(183      '../resources/wbn/dynamic1-crossorigin.wbn',184      [module_script_url]);185  document.body.appendChild(element);186  const module = await import(module_script_url);187  assert_equals(module.result, 'resource1 from network');188}, 'Subresource URL must be same-origin with bundle URL');189promise_test(async () => {190  const module_script_url = 'https://www1.{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/dynamic/resource1.js';191  const element = createWebBundleElement(192      '../resources/wbn/dynamic1-crossorigin-b2.wbn',193      [module_script_url]);194  document.body.appendChild(element);195  const module = await import(module_script_url);196  assert_equals(module.result, 'resource1 from network');197}, 'Subresource URL must be same-origin with bundle URL (for \'b2\' bundles too)');198promise_test(async () => {199  const url = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';200  const element = createWebBundleElement(201      '../resources/wbn/urn-uuid.wbn',202      [url]);203  document.body.appendChild(element);204  assert_equals(await loadScriptAndWaitReport(url), 'OK');205  document.body.removeChild(element);206}, 'Subresource loading with urn:uuid: URL with resources attribute');207promise_test(async () => {208  const url = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';209  const element = createWebBundleElement(210      '../resources/wbn/urn-uuid.wbn',211      [],212      {scopes: ['urn:uuid:']});213  document.body.appendChild(element);214  assert_equals(await loadScriptAndWaitReport(url), 'OK');215  document.body.removeChild(element);216}, 'Subresource loading with urn:uuid: URL with scopes attribute');217promise_test(async () => {218  const url = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';219  const element = createWebBundleElement(220      '../resources/wbn/urn-uuid-b2.wbn',221      [url]);222  document.body.appendChild(element);223  assert_equals(await loadScriptAndWaitReport(url), 'OK');224  document.body.removeChild(element);225}, 'Subresource loading with urn:uuid: URL of a \'b2\' bundle with resources attribute');226promise_test(async () => {227  const url = 'urn:uuid:020111b3-437a-4c5c-ae07-adb6bbffb720';228  const element = createWebBundleElement(229      '../resources/wbn/urn-uuid-b2.wbn',230      [],231      {scopes: ['urn:uuid:']});232  document.body.appendChild(element);233  assert_equals(await loadScriptAndWaitReport(url), 'OK');234  document.body.removeChild(element);235}, 'Subresource loading with urn:uuid: URL of a \'b2\' bundle with scopes attribute');236promise_test(async () => {237  const wbn_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/subresource.wbn?test-resources-update';238  const resource_url = 'https://{{domains[]}}:{{ports[https][0]}}/web-bundle/resources/wbn/submodule.js';239  const element = await addWebBundleElementAndWaitForLoad(wbn_url, /*resources=*/[]);240  changeWebBundleResources(element, [resource_url]);241  const resp = await fetch(resource_url, { cache: 'no-store' });242  assert_true(resp.ok);...

Using AI Code Generation

1document.body.appendChild(element);2document.body.appendChild(element);3document.body.appendChild(element);4document.body.appendChild(element);5document.body.appendChild(element);6document.body.appendChild(element);7document.body.appendChild(element);

Using AI Code Generation

1const wptb = new WebPackageTestBundle();2const wptb = new WebPackageTestBundle();3const wptb = new WebPackageTestBundle();4const wptb = new WebPackageTestBundle();5const wptb = new WebPackageTestBundle();6const wptb = new WebPackageTestBundle();7const wptb = new WebPackageTestBundle();8const wptb = new WebPackageTestBundle();9const wptb = new WebPackageTestBundle();10const wptb = new WebPackageTestBundle();11const wptb = new WebPackageTestBundle();12const bundle = wptb.createWebBundleElement("bundle.wbn", "

Using AI Code Generation

1test(function() {2  var wbe = createWebBundleElement();3  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");4}, "WebBundleElement creation test");5test(function() {6  var wbe = createWebBundleElement();7  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");8}, "WebBundleElement creation test");9test(function() {10  var wbe = createWebBundleElement();11  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");12}, "WebBundleElement creation test");13test(function() {14  var wbe = createWebBundleElement();15  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");16}, "WebBundleElement creation test");17test(function() {18  var wbe = createWebBundleElement();19  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");20}, "WebBundleElement creation test");21test(function() {22  var wbe = createWebBundleElement();23  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");24}, "WebBundleElement creation test");25test(function() {26  var wbe = createWebBundleElement();27  assert_true(wbe instanceof WebBundleElement, "WebBundleElement instance");28}, "WebBundleElement creation test");

Using AI Code Generation

1const wptb = require('webpackage-tools-bundler');2const wptbOptions = {3};4const webBundleElement = wptb.createWebBundleElement(wptbOptions);5console.log(webBundleElement);6    import {createWebBundleElement} from './webbundle.js';7    const webBundleElement = createWebBundleElement();8    document.body.appendChild(webBundleElement);

Using AI Code Generation

1const webBundle = createWebBundleElement(webBundleURL);2document.body.appendChild(webBundle);3const webBundle = createWebBundleElement(webBundleURL);4document.body.appendChild(webBundle);5const webBundle = createWebBundleElement(webBundleURL);6document.body.appendChild(webBundle);7const webBundle = createWebBundleElement(webBundleURL);8document.body.appendChild(webBundle);9const webBundle = createWebBundleElement(webBundleURL);10document.body.appendChild(webBundle);11const webBundle = createWebBundleElement(webBundleURL);12document.body.appendChild(webBundle);13const webBundle = createWebBundleElement(webBundleURL);14document.body.appendChild(webBundle);15const webBundle = createWebBundleElement(webBundleURL);16document.body.appendChild(webBundle);

Using AI Code Generation

1import { createWebBundleElement } from "./wpt_bundling.js";2const webBundleElement = createWebBundleElement("test.wbn", {3});4const iframe = document.createElement("iframe");5iframe.src = webBundleElement.bundleURL;6document.body.appendChild(iframe);7const worker = new Worker(webBundleElement.bundleURL + "worker.js");8worker.postMessage("hello world");9worker.onmessage = (event) => {10  console.log("worker said: " + event.data);11};12const iframe2 = document.createElement("iframe");13iframe2.src = webBundleElement.bundleURL + "index.html";14document.body.appendChild(iframe2);15iframe2.onload = () => {16  iframe2.contentWindow.navigator.serviceWorker.register(17  );18};19import { createWebBundleElement } from "./wpt_bundling.js";20const webBundleElement = createWebBundleElement("test.wbn", {21});22const iframe = document.createElement("iframe");23iframe.src = webBundleElement.bundleURL;24document.body.appendChild(iframe);

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.