Best JavaScript code snippet using wpt
sidemenu.js
Source:sidemenu.js
1(function () {2 "use strict";3 var slideMenu = $('.side-menu');4 // Toggle Sidebar5 $(document).on('click', '[data-bs-toggle="sidebar"]', function (event) {6 event.preventDefault();7 $('.app').toggleClass('sidenav-toggled');8 });9 // Activate sidebar slide toggle10 $("[data-bs-toggle='slide']").on('click', function (e) {11 var $this = $(this);12 var checkElement = $this.next();13 var animationSpeed = 300,14 slideMenuSelector = '.slide-menu';15 if (checkElement.is(slideMenuSelector) && checkElement.is(':visible')) {16 checkElement.slideUp(animationSpeed, function () {17 checkElement.removeClass('open');18 });19 checkElement.parent("li").removeClass("is-expanded");20 }21 else if ((checkElement.is(slideMenuSelector)) && (!checkElement.is(':visible'))) {22 var parent = $this.parents('ul').first();23 var ul = parent.find('ul:visible').slideUp(animationSpeed);24 ul.removeClass('open');25 var parent_li = $this.parent("li");26 checkElement.slideDown(animationSpeed, function () {27 checkElement.addClass('open');28 parent.find('li.is-expanded').removeClass('is-expanded');29 parent_li.addClass('is-expanded');30 });31 }32 if (checkElement.is(slideMenuSelector)) {33 e.preventDefault();34 }35 });36 // Activate sidebar slide toggle37 $("[data-bs-toggle='sub-slide']").on('click', function (e) {38 var $this = $(this);39 var checkElement = $this.next();40 var animationSpeed = 300,41 slideMenuSelector = '.sub-slide-menu';42 if (checkElement.is(slideMenuSelector) && checkElement.is(':visible')) {43 checkElement.slideUp(animationSpeed, function () {44 checkElement.removeClass('open');45 });46 checkElement.parent("li").removeClass("is-expanded");47 }48 else if ((checkElement.is(slideMenuSelector)) && (!checkElement.is(':visible'))) {49 var parent = $this.parents('ul').first();50 var ul = parent.find('ul:visible').slideUp(animationSpeed);51 ul.removeClass('open');52 var parent_li = $this.parent("li");53 checkElement.slideDown(animationSpeed, function () {54 checkElement.addClass('open');55 parent.find('li.is-expanded').removeClass('is-expanded');56 parent_li.addClass('is-expanded');57 });58 }59 if (checkElement.is(slideMenuSelector)) {60 e.preventDefault();61 }62 });63 // Activate sidebar slide toggle64 $("[data-bs-toggle='sub-slide2']").on('click', function (e) {65 var $this = $(this);66 var checkElement = $this.next();67 var animationSpeed = 300,68 slideMenuSelector = '.sub-slide-menu2';69 if (checkElement.is(slideMenuSelector) && checkElement.is(':visible')) {70 checkElement.slideUp(animationSpeed, function () {71 checkElement.removeClass('open');72 });73 checkElement.parent("li").removeClass("is-expanded");74 }75 else if ((checkElement.is(slideMenuSelector)) && (!checkElement.is(':visible'))) {76 var parent = $this.parents('ul').first();77 var ul = parent.find('ul:visible').slideUp(animationSpeed);78 ul.removeClass('open');79 var parent_li = $this.parent("li");80 checkElement.slideDown(animationSpeed, function () {81 checkElement.addClass('open');82 parent.find('li.is-expanded').removeClass('is-expanded');83 parent_li.addClass('is-expanded');84 });85 }86 if (checkElement.is(slideMenuSelector)) {87 e.preventDefault();88 }89 });90 // ______________Active Class91 $(document).ready(function() {92 $(".app-sidebar li a").each(function () {93 var pageUrl = window.location.href.split(/[?#]/)[0];94 if (pageUrl) {95 if (this.href == pageUrl) {96 $(this).addClass("active");97 $(this).parent().addClass("is-expanded");98 $(this).parent().parent().prev().addClass("active");99 $(this).parent().parent().addClass("open");100 $(this).parent().parent().prev().addClass("is-expanded");101 $(this).parent().parent().parent().addClass("is-expanded");102 $(this).parent().parent().parent().parent().addClass("open");103 $(this).parent().parent().parent().parent().prev().addClass("active");104 $(this).parent().parent().parent().parent().parent().addClass("is-expanded");105 $(this).parent().parent().parent().parent().parent().parent().prev().addClass("active");106 $(this).parent().parent().parent().parent().parent().parent().parent().addClass("is-expanded");107 return false;108 }109 }110 });111 $(".app-sidebar").hover(function() {112 if ($('.app').hasClass('sidenav-toggled')) {113 $('.app').addClass('sidenav-toggled1');114 }115 }, function() {116 if ($('.app').hasClass('sidenav-toggled')) {117 $('.app').removeClass('sidenav-toggled1');118 }119 });120 121 if($('.slide-item').hasClass('active')){122 $('.app-sidebar3').animate({123 scrollTop: $('a.slide-item.active').offset().top - 600124 }, 600);125 }126 if($('.sub-slide-item').hasClass('active')){127 $('.app-sidebar3').animate({128 scrollTop: $('a.sub-slide-item.active').offset().top - 600129 }, 600);130 }131 });...
ElementTypeTest.ts
Source:ElementTypeTest.ts
...9 const checkText = (predicate: (elm: SugarElement<Node>) => boolean) => {10 assert.isFalse(predicate(SugarElement.fromText('text')), 'Should be false for non element');11 };12 it('Check block elements', () => {13 checkElement('p', ElementType.isBlock, true);14 checkElement('h1', ElementType.isBlock, true);15 checkElement('table', ElementType.isBlock, true);16 checkElement('span', ElementType.isBlock, false);17 checkElement('b', ElementType.isBlock, false);18 checkText(ElementType.isBlock);19 });20 it('Check inline elements', () => {21 checkElement('b', ElementType.isInline, true);22 checkElement('span', ElementType.isInline, true);23 checkElement('p', ElementType.isInline, false);24 checkElement('h1', ElementType.isInline, false);25 checkText(ElementType.isInline);26 });27 it('Check tables', () => {28 checkElement('b', ElementType.isTable, false);29 checkElement('p', ElementType.isTable, false);30 checkElement('table', ElementType.isTable, true);31 checkText(ElementType.isTable);32 });33 it('Check heading elements', () => {34 checkElement('h1', ElementType.isHeading, true);35 checkElement('h2', ElementType.isHeading, true);36 checkElement('span', ElementType.isHeading, false);37 checkElement('table', ElementType.isHeading, false);38 checkText(ElementType.isHeading);39 });40 it('Check text block elements', () => {41 checkElement('p', ElementType.isTextBlock, true);42 checkElement('h1', ElementType.isTextBlock, true);43 checkElement('table', ElementType.isTextBlock, false);44 checkText(ElementType.isTextBlock);45 });46 it('Check void elements', () => {47 checkElement('img', ElementType.isVoid, true);48 checkElement('hr', ElementType.isVoid, true);49 checkElement('h1', ElementType.isVoid, false);50 checkElement('span', ElementType.isVoid, false);51 checkText(ElementType.isVoid);52 });53 it('Check table cell elements', () => {54 checkElement('th', ElementType.isTableCell, true);55 checkElement('td', ElementType.isTableCell, true);56 checkElement('h1', ElementType.isTableCell, false);57 checkElement('span', ElementType.isTableCell, false);58 checkText(ElementType.isTableCell);59 });60 it('Check br elements', () => {61 checkElement('br', ElementType.isBr, true);62 checkElement('b', ElementType.isBr, false);63 checkText(ElementType.isBr);64 });65 it('Check list item elements', () => {66 checkElement('br', ElementType.isListItem, false);67 checkElement('div', ElementType.isListItem, false);68 checkElement('li', ElementType.isListItem, true);69 checkElement('dd', ElementType.isListItem, true);70 checkElement('dt', ElementType.isListItem, true);71 checkText(ElementType.isListItem);72 });73 it('Check list elements', () => {74 checkElement('br', ElementType.isList, false);75 checkElement('div', ElementType.isList, false);76 checkElement('ul', ElementType.isList, true);77 checkElement('ol', ElementType.isList, true);78 checkElement('dl', ElementType.isList, true);79 checkText(ElementType.isList);80 });81 it('Check table section elements', () => {82 checkElement('br', ElementType.isTableSection, false);83 checkElement('div', ElementType.isTableSection, false);84 checkElement('thead', ElementType.isTableSection, true);85 checkElement('tbody', ElementType.isTableSection, true);86 checkElement('tfoot', ElementType.isTableSection, true);87 checkText(ElementType.isTableSection);88 });89 it('Check whitespace preserve elements', () => {90 checkElement('br', ElementType.isWsPreserveElement, false);91 checkElement('div', ElementType.isWsPreserveElement, false);92 checkElement('pre', ElementType.isWsPreserveElement, true);93 checkElement('textarea', ElementType.isWsPreserveElement, true);94 checkText(ElementType.isWsPreserveElement);95 });...
Using AI Code Generation
1function checkElement(element) {2 return wpt.checkElement(element);3}4function checkElement(element) {5 return wpt.checkElement(element);6}7function checkElement(element) {8 return wpt.checkElement(element);9}10function checkElement(element) {11 return wpt.checkElement(element);12}13function checkElement(element) {14 return wpt.checkElement(element);15}16function checkElement(element) {17 return wpt.checkElement(element);18}19function checkElement(element) {20 return wpt.checkElement(element);21}22function checkElement(element) {23 return wpt.checkElement(element);24}25function checkElement(element) {26 return wpt.checkElement(element);27}28function checkElement(element) {29 return wpt.checkElement(element);30}31function checkElement(element) {32 return wpt.checkElement(element);33}
Using AI Code Generation
1var wpt = require('webpagetest');2var wpt = new WebPageTest('www.webpagetest.org');3var url = 'www.google.com';4wpt.checkElement(url, 'body', function(err, data) {5 if (err) return console.error(err);6 console.log(data);7});8var wpt = require('webpagetest');9var wpt = new WebPageTest('www.webpagetest.org');10var url = 'www.google.com';11wpt.checkElementSpeedIndex(url, 'body', function(err, data) {12 if (err) return console.error(err);13 console.log(data);14});15var wpt = require('webpagetest');16var wpt = new WebPageTest('www.webpagetest.org');17wpt.getLocations(function(err, data) {18 if (err) return console.error(err);19 console.log(data);20});21var wpt = require('webpagetest');22var wpt = new WebPageTest('www.webpagetest.org');23wpt.getTesters(function(err, data) {24 if (err) return console.error(err);25 console.log(data);26});27var wpt = require('webpagetest');28var wpt = new WebPageTest('www.webpagetest.org');29wpt.getTesters(function(err, data) {30 if (err) return console.error(err);31 console.log(data);32});33var wpt = require('webpagetest');34var wpt = new WebPageTest('www.webpagetest.org');35wpt.getTesters(function(err, data) {36 if (err) return console.error(err);37 console.log(data);38});39var wpt = require('webpagetest');40var wpt = new WebPageTest('www.webpagetest.org');41wpt.getTesters(function(err, data) {42 if (err) return console.error(err);43 console.log(data);44});
Using AI Code Generation
1module.exports = {2 'Check element': function(browser) {3 .waitForElementVisible('body', 1000)4 .checkElement('body', 'body present')5 .end();6 }7};8module.exports = {9 'Check elements': function(browser) {10 .waitForElementVisible('body', 1000)11 .checkElements('body', 'body present')12 .end();13 }14};15module.exports = {16 'Check value': function(browser) {17 .waitForElementVisible('body', 1000)18 .checkValue('body', 'body', 'body present')19 .end();20 }21};22module.exports = {23 'Check attribute': function(browser) {24 .waitForElementVisible('body', 1000)25 .checkAttribute('body', 'id', 'body', 'body present')26 .end();27 }28};29module.exports = {30 'Check text': function(browser) {31 .waitForElementVisible('body', 1000)32 .checkText('body', 'body text', 'body present')33 .end();34 }35};
Using AI Code Generation
1checkElement('div', 'id', 'box', 'Hello World');2checkElement('div', 'id', 'box', 'Hello World', 'This is a custom message');3checkElement('div', 'id', 'box', 'Hello World', 'This is a custom message', 'This is a custom failure message');4checkElement('div', 'id', 'box', 'Hello World', 'This is a custom message', 'This is a custom failure message', 'This is a custom success message');5checkElements('div', 'id', 'box', 'Hello World');6checkElements('div', 'id', 'box', 'Hello World', 'This is a custom message');7checkElements('div', 'id', 'box', 'Hello World', 'This is a custom message', 'This is a custom failure message');8checkElements('div', 'id', 'box', 'Hello World', 'This is a custom message', 'This is a custom failure message', 'This is a custom success message');9checkElementCount('div', 'id', 'box', 1);10checkElementCount('div', 'id', 'box', 1, 'This is a custom message');11checkElementCount('div', 'id', 'box', 1, 'This is a custom message', 'This is a custom failure message');
Using AI Code Generation
1wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);2wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);3wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);4wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);5wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);6wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);7wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);8wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);9wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);10wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0, 0);11wpt.checkElement("div", "div", "text", "Hello World", 0, 0, 0,
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.
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Get 100 minutes of automation test minutes FREE!!