KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta Join TestMu Conference

How to use IncludeMatchToken method in Playwright Internal

Best JavaScript code snippet using playwright-internal

parse-css.js

Source:parse-css.js

...258		else if(code == 0x7d) return new CloseCurlyToken();259		else if(code == 0x7e) {260			if(next() == 0x3d) {261				consume();262				return new IncludeMatchToken();263			} else {264				return new DelimToken(code);265			}266		}267		else if(digit(code)) {268			reconsume();269			return consumeANumericToken();270		}271		else if(namestartchar(code)) {272			reconsume();273			return consumeAnIdentlikeToken();274		}275		else if(eof()) return new EOFToken();276		else return new DelimToken(code);277	};278	var consumeAComment = function() {279		consume();280		var comment = "";281		while(true) {282			consume();283			if(code == 0x2a && next() == 0x2f) {284				consume();285				break;286			} else if(eof()) {287				break;288			}289			comment += stringFromCode(code);290		}291		return new CommentToken(comment);292	};293	var consumeANumericToken = function() {294		var num = consumeANumber();295		var token;296		if(wouldStartAnIdentifier(next(1), next(2), next(3))) {297			token = new DimensionToken();298			token.value = num.value;299			token.repr = num.repr;300			token.type = num.type;301			token.unit = consumeAName();302			token.text = token.unit;303		} else if(next() == 0x25) {304			consume();305			token = new PercentageToken();306			token.value = num.value;307			token.repr = num.repr;308		} else {309			var token = new NumberToken();310			token.value = num.value;311			token.repr = num.repr;312			token.type = num.type;313		}314		token.number = token.value;315		token.isInteger = token.type === "integer";316		// FIXME hasSign317		return token;318	};319	var consumeAnIdentlikeToken = function() {320		var str = consumeAName();321		if(str.toLowerCase() == "url" && next() == 0x28) {322			consume();323			while(whitespace(next(1)) && whitespace(next(2)))324				consume();325			if((next() == 0x22 || next() == 0x27) ||326			   (whitespace(next()) && (next(2) == 0x22 || next(2) == 0x27))) {327				while(whitespace(next()))328					consume();329				consume();330				let str = consumeAStringToken();331				while(whitespace(next()))332					consume();333				// The closing paren.334				consume();335				return new URLToken(str.text);336			} else {337				return consumeAURLToken();338			}339		} else if(next() == 0x28) {340			consume();341			return new FunctionToken(str);342		} else {343			return new IdentToken(str);344		}345	};346	var consumeAStringToken = function(endingCodePoint) {347		if(endingCodePoint === undefined) endingCodePoint = code;348		var string = "";349		while(consume()) {350			if(code == endingCodePoint || eof()) {351				return new StringToken(string);352			} else if(newline(code)) {353				reconsume();354				return new BadStringToken(string);355			} else if(code == 0x5c) {356				if(eof(next())) {357					donothing();358				} else if(newline(next())) {359					consume();360				} else {361					string += stringFromCode(consumeEscape());362				}363			} else {364				string += stringFromCode(code);365			}366		}367	};368	var consumeAURLToken = function() {369		var token = new URLToken("");370		while(whitespace(next())) consume();371		if(eof(next())) return token;372		while(consume()) {373			if(code == 0x29 || eof()) {374				break;375			} else if(whitespace(code)) {376				while(whitespace(next()))377					consume();378				if(next() == 0x29 || eof(next())) {379					consume();380					break;381				} else {382					consumeTheRemnantsOfABadURL();383					return new BadURLToken();384				}385			} else if(code == 0x22 || code == 0x27 || code == 0x28 || nonprintable(code)) {386				parseerror();387				consumeTheRemnantsOfABadURL();388				return new BadURLToken();389			} else if(code == 0x5c) {390				if(startsWithAValidEscape()) {391					token.value += stringFromCode(consumeEscape());392				} else {393					parseerror();394					consumeTheRemnantsOfABadURL();395					return new BadURLToken();396				}397			} else {398				token.value += stringFromCode(code);399			}400		}401		token.text = token.value;402		return token;403	};404	var consumeEscape = function() {405		// Assume the the current character is the \406		// and the next code point is not a newline.407		consume();408		if(hexdigit(code)) {409			// Consume 1-6 hex digits410			var digits = [code];411			for(var total = 0; total < 5; total++) {412				if(hexdigit(next())) {413					consume();414					digits.push(code);415				} else {416					break;417				}418			}419			if(whitespace(next())) consume();420			var value = parseInt(digits.map(function(x){return String.fromCharCode(x);}).join(''), 16);421			if( value > maximumallowedcodepoint ) value = 0xfffd;422			return value;423		} else if(eof()) {424			return 0xfffd;425		} else {426			return code;427		}428	};429	var areAValidEscape = function(c1, c2) {430		if(c1 != 0x5c) return false;431		if(newline(c2)) return false;432		return true;433	};434	var startsWithAValidEscape = function() {435		return areAValidEscape(code, next());436	};437	var wouldStartAnIdentifier = function(c1, c2, c3) {438		if(c1 == 0x2d) {439			return namestartchar(c2) || c2 == 0x2d || areAValidEscape(c2, c3);440		} else if(namestartchar(c1)) {441			return true;442		} else if(c1 == 0x5c) {443			return areAValidEscape(c1, c2);444		} else {445			return false;446		}447	};448	var startsWithAnIdentifier = function() {449		return wouldStartAnIdentifier(code, next(1), next(2));450	};451	var wouldStartANumber = function(c1, c2, c3) {452		if(c1 == 0x2b || c1 == 0x2d) {453			if(digit(c2)) return true;454			if(c2 == 0x2e && digit(c3)) return true;455			return false;456		} else if(c1 == 0x2e) {457			if(digit(c2)) return true;458			return false;459		} else if(digit(c1)) {460			return true;461		} else {462			return false;463		}464	};465	var startsWithANumber = function() {466		return wouldStartANumber(code, next(1), next(2));467	};468	var consumeAName = function() {469		var result = "";470		while(consume()) {471			if(namechar(code)) {472				result += stringFromCode(code);473			} else if(startsWithAValidEscape()) {474				result += stringFromCode(consumeEscape());475			} else {476				reconsume();477				return result;478			}479		}480	};481	var consumeANumber = function() {482		var repr = [];483		var type = "integer";484		if(next() == 0x2b || next() == 0x2d) {485			consume();486			repr += stringFromCode(code);487		}488		while(digit(next())) {489			consume();490			repr += stringFromCode(code);491		}492		if(next(1) == 0x2e && digit(next(2))) {493			consume();494			repr += stringFromCode(code);495			consume();496			repr += stringFromCode(code);497			type = "number";498			while(digit(next())) {499				consume();500				repr += stringFromCode(code);501			}502		}503		var c1 = next(1), c2 = next(2), c3 = next(3);504		if((c1 == 0x45 || c1 == 0x65) && digit(c2)) {505			consume();506			repr += stringFromCode(code);507			consume();508			repr += stringFromCode(code);509			type = "number";510			while(digit(next())) {511				consume();512				repr += stringFromCode(code);513			}514		} else if((c1 == 0x45 || c1 == 0x65) && (c2 == 0x2b || c2 == 0x2d) && digit(c3)) {515			consume();516			repr += stringFromCode(code);517			consume();518			repr += stringFromCode(code);519			consume();520			repr += stringFromCode(code);521			type = "number";522			while(digit(next())) {523				consume();524				repr += stringFromCode(code);525			}526		}527		var value = convertAStringToANumber(repr);528		return {type:type, value:value, repr:repr};529	};530	var convertAStringToANumber = function(string) {531		// CSS's number rules are identical to JS, afaik.532		return +string;533	};534	var consumeTheRemnantsOfABadURL = function() {535		while(consume()) {536			if(code == 0x2d || eof()) {537				return;538			} else if(startsWithAValidEscape()) {539				consumeEscape();540				donothing();541			} else {542				donothing();543			}544		}545	};546	var iterationCount = 0;547	while(!eof(next())) {548		var token = consumeAToken();549		if (options.loc) {550			token.loc = {};551			token.loc.start = {line:locStart.line, column:locStart.column};552			token.loc.end = {line:line, column:column};553		}554		if (options.offsets) {555			token.startOffset = offsetStart;556			token.endOffset = i + 1;557		}558		yield token;559		iterationCount++;560		if(iterationCount > str.length*2) return "I'm infinite-looping!";561	}562}563function CSSParserToken() { throw "Abstract Base Class"; }564CSSParserToken.prototype.toJSON = function() {565	return {token: this.tokenType};566};567CSSParserToken.prototype.toString = function() { return this.tokenType; };568CSSParserToken.prototype.toSource = function() { return ''+this; };569function BadStringToken(text) {570	this.text = text;571	return this;572}573BadStringToken.prototype = Object.create(CSSParserToken.prototype);574BadStringToken.prototype.tokenType = "bad_string";575function BadURLToken() { return this; }576BadURLToken.prototype = Object.create(CSSParserToken.prototype);577BadURLToken.prototype.tokenType = "bad_url";578function WhitespaceToken() { return this; }579WhitespaceToken.prototype = Object.create(CSSParserToken.prototype);580WhitespaceToken.prototype.tokenType = "whitespace";581WhitespaceToken.prototype.toString = function() { return "WS"; };582WhitespaceToken.prototype.toSource = function() { return " "; };583function CDOToken() { return this; }584CDOToken.prototype = Object.create(CSSParserToken.prototype);585CDOToken.prototype.tokenType = "htmlcomment";586CDOToken.prototype.toSource = function() { return "<!--"; };587function CDCToken() { return this; }588CDCToken.prototype = Object.create(CSSParserToken.prototype);589CDCToken.prototype.tokenType = "htmlcomment";590CDCToken.prototype.toSource = function() { return "-->"; };591function ColonToken() { return this; }592ColonToken.prototype = Object.create(CSSParserToken.prototype);593ColonToken.prototype.tokenType = "symbol";594ColonToken.prototype.text = ":";595function SemicolonToken() { return this; }596SemicolonToken.prototype = Object.create(CSSParserToken.prototype);597SemicolonToken.prototype.tokenType = "symbol";598SemicolonToken.prototype.text = ";";599function CommaToken() { return this; }600CommaToken.prototype = Object.create(CSSParserToken.prototype);601CommaToken.prototype.tokenType = "symbol";602CommaToken.prototype.text = ",";603function GroupingToken() { throw "Abstract Base Class"; }604GroupingToken.prototype = Object.create(CSSParserToken.prototype);605function OpenCurlyToken() { this.value = "{"; this.mirror = "}"; return this; }606OpenCurlyToken.prototype = Object.create(GroupingToken.prototype);607OpenCurlyToken.prototype.tokenType = "symbol";608OpenCurlyToken.prototype.text = "{";609function CloseCurlyToken() { this.value = "}"; this.mirror = "{"; return this; }610CloseCurlyToken.prototype = Object.create(GroupingToken.prototype);611CloseCurlyToken.prototype.tokenType = "symbol";612CloseCurlyToken.prototype.text = "}";613function OpenSquareToken() { this.value = "["; this.mirror = "]"; return this; }614OpenSquareToken.prototype = Object.create(GroupingToken.prototype);615OpenSquareToken.prototype.tokenType = "symbol";616OpenSquareToken.prototype.text = "[";617function CloseSquareToken() { this.value = "]"; this.mirror = "["; return this; }618CloseSquareToken.prototype = Object.create(GroupingToken.prototype);619CloseSquareToken.prototype.tokenType = "symbol";620CloseSquareToken.prototype.text = "]";621function OpenParenToken() { this.value = "("; this.mirror = ")"; return this; }622OpenParenToken.prototype = Object.create(GroupingToken.prototype);623OpenParenToken.prototype.tokenType = "symbol";624OpenParenToken.prototype.text = "(";625function CloseParenToken() { this.value = ")"; this.mirror = "("; return this; }626CloseParenToken.prototype = Object.create(GroupingToken.prototype);627CloseParenToken.prototype.tokenType = "symbol";628CloseParenToken.prototype.text = ")";629function IncludeMatchToken() { return this; }630IncludeMatchToken.prototype = Object.create(CSSParserToken.prototype);631IncludeMatchToken.prototype.tokenType = "includes";632function DashMatchToken() { return this; }633DashMatchToken.prototype = Object.create(CSSParserToken.prototype);634DashMatchToken.prototype.tokenType = "dashmatch";635function PrefixMatchToken() { return this; }636PrefixMatchToken.prototype = Object.create(CSSParserToken.prototype);637PrefixMatchToken.prototype.tokenType = "beginsmatch";638function SuffixMatchToken() { return this; }639SuffixMatchToken.prototype = Object.create(CSSParserToken.prototype);640SuffixMatchToken.prototype.tokenType = "endsmatch";641function SubstringMatchToken() { return this; }642SubstringMatchToken.prototype = Object.create(CSSParserToken.prototype);643SubstringMatchToken.prototype.tokenType = "containsmatch";...

css-syntax.js

Source:css-syntax.js

...256		else if(code == 0x7d) return new CloseCurlyToken();257		else if(code == 0x7e) {258			if(next() == 0x3d) {259				consume();260				return new IncludeMatchToken();261			} else {262				return new DelimToken(code);263			}264		}265		else if(digit(code)) {266			reconsume();267			return consumeANumericToken();268		}269		else if(namestartchar(code)) {270			reconsume();271			return consumeAnIdentlikeToken();272		}273		else if(eof()) return new EOFToken();274		else return new DelimToken(code);275	};276	var consumeComments = function() {277		while(next(1) == 0x2f && next(2) == 0x2a) {278			consume(2);279			while(true) {280				consume();281				if(code == 0x2a && next() == 0x2f) {282					consume();283					break;284				} else if(eof()) {285					tokenizeerror();286					return;287				}288			}289		}290	};291	var consumeANumericToken = function() {292		var num = consumeANumber();293		if(wouldStartAnIdentifier(next(1), next(2), next(3))) {294			var token = new DimensionToken();295			token.value = num.value;296			token.repr = num.repr;297			token.type = num.type;298			token.unit = consumeAName();299			return token;300		} else if(next() == 0x25) {301			consume();302			var token = new PercentageToken();303			token.value = num.value;304			token.repr = num.repr;305			return token;306		} else {307			var token = new NumberToken();308			token.value = num.value;309			token.repr = num.repr;310			token.type = num.type;311			return token;312		}313	};314	var consumeAnIdentlikeToken = function() {315		var str = consumeAName();316		if(str.toLowerCase() == "url" && next() == 0x28) {317			consume();318			while(whitespace(next(1)) && whitespace(next(2))) consume();319			if(next() == 0x22 || next() == 0x27) {320				return new FunctionToken(str);321			} else if(whitespace(next()) && (next(2) == 0x22 || next(2) == 0x27)) {322				return new FunctionToken(str);323			} else {324				return consumeAURLToken();325			}326		} else if(next() == 0x28) {327			consume();328			return new FunctionToken(str);329		} else {330			return new IdentifierToken(str);331		}332	};333	var consumeAStringToken = function(endingCodePoint) {334		if(endingCodePoint === undefined) endingCodePoint = code;335		var string = "";336		while(consume()) {337			if(code == endingCodePoint || eof()) {338				return new StringToken(string);339			} else if(newline(code)) {340				tokenizeerror();341				reconsume();342				return new BadStringToken();343			} else if(code == 0x5c) {344				if(eof(next())) {345					donothing();346				} else if(newline(next())) {347					consume();348				} else {349					string += stringFromCode(consumeEscape())350				}351			} else {352				string += stringFromCode(code);353			}354		}355	};356	var consumeAURLToken = function() {357		var token = new URLToken("");358		while(whitespace(next())) consume();359		if(eof(next())) return token;360		while(consume()) {361			if(code == 0x29 || eof()) {362				return token;363			} else if(whitespace(code)) {364				while(whitespace(next())) consume();365				if(next() == 0x29 || eof(next())) {366					consume();367					return token;368				} else {369					consumeTheRemnantsOfABadURL();370					return new BadURLToken();371				}372			} else if(code == 0x22 || code == 0x27 || code == 0x28 || nonprintable(code)) {373				tokenizeerror();374				consumeTheRemnantsOfABadURL();375				return new BadURLToken();376			} else if(code == 0x5c) {377				if(startsWithAValidEscape()) {378					token.value += stringFromCode(consumeEscape());379				} else {380					tokenizeerror();381					consumeTheRemnantsOfABadURL();382					return new BadURLToken();383				}384			} else {385				token.value += stringFromCode(code);386			}387		}388	};389	var consumeEscape = function() {390		// Assume the the current character is the \391		// and the next code point is not a newline.392		consume();393		if(hexdigit(code)) {394			// Consume 1-6 hex digits395			var digits = [code];396			for(var total = 0; total < 5; total++) {397				if(hexdigit(next())) {398					consume();399					digits.push(code);400				} else {401					break;402				}403			}404			if(whitespace(next())) consume();405			var value = parseInt(digits.map(function(x){return String.fromCharCode(x);}).join(''), 16);406			if( value > maximumallowedcodepoint ) value = 0xfffd;407			return value;408		} else if(eof()) {409			return 0xfffd;410		} else {411			return code;412		}413	};414	var areAValidEscape = function(c1, c2) {415		if(c1 != 0x5c) return false;416		if(newline(c2)) return false;417		return true;418	};419	var startsWithAValidEscape = function() {420		return areAValidEscape(code, next());421	};422	var wouldStartAnIdentifier = function(c1, c2, c3) {423		if(c1 == 0x2d) {424			return namestartchar(c2) || c2 == 0x2d || areAValidEscape(c2, c3);425		} else if(namestartchar(c1)) {426			return true;427		} else if(c1 == 0x5c) {428			return areAValidEscape(c1, c2);429		} else {430			return false;431		}432	};433	var startsWithAnIdentifier = function() {434		return wouldStartAnIdentifier(code, next(1), next(2));435	};436	var wouldStartANumber = function(c1, c2, c3) {437		if(c1 == 0x2b || c1 == 0x2d) {438			if(digit(c2)) return true;439			if(c2 == 0x2e && digit(c3)) return true;440			return false;441		} else if(c1 == 0x2e) {442			if(digit(c2)) return true;443			return false;444		} else if(digit(c1)) {445			return true;446		} else {447			return false;448		}449	};450	var startsWithANumber = function() {451		return wouldStartANumber(code, next(1), next(2));452	};453	var consumeAName = function() {454		var result = "";455		while(consume()) {456			if(namechar(code)) {457				result += stringFromCode(code);458			} else if(startsWithAValidEscape()) {459				result += stringFromCode(consumeEscape());460			} else {461				reconsume();462				return result;463			}464		}465	};466	var consumeANumber = function() {467		var repr = '';468		var type = "integer";469		if(next() == 0x2b || next() == 0x2d) {470			consume();471			repr += stringFromCode(code);472		}473		while(digit(next())) {474			consume();475			repr += stringFromCode(code);476		}477		if(next(1) == 0x2e && digit(next(2))) {478			consume();479			repr += stringFromCode(code);480			consume();481			repr += stringFromCode(code);482			type = "number";483			while(digit(next())) {484				consume();485				repr += stringFromCode(code);486			}487		}488		var c1 = next(1), c2 = next(2), c3 = next(3);489		if((c1 == 0x45 || c1 == 0x65) && digit(c2)) {490			consume();491			repr += stringFromCode(code);492			consume();493			repr += stringFromCode(code);494			type = "number";495			while(digit(next())) {496				consume();497				repr += stringFromCode(code);498			}499		} else if((c1 == 0x45 || c1 == 0x65) && (c2 == 0x2b || c2 == 0x2d) && digit(c3)) {500			consume();501			repr += stringFromCode(code);502			consume();503			repr += stringFromCode(code);504			consume();505			repr += stringFromCode(code);506			type = "number";507			while(digit(next())) {508				consume();509				repr += stringFromCode(code);510			}511		}512		var value = convertAStringToANumber(repr);513		return {type:type, value:value, repr:repr};514	};515	var convertAStringToANumber = function(string) {516		// CSS's number rules are identical to JS, afaik.517		return +string;518	};519	var consumeTheRemnantsOfABadURL = function() {520		while(consume()) {521			if(code == 0x2d || eof()) {522				return;523			} else if(startsWithAValidEscape()) {524				consumeEscape();525				donothing();526			} else {527				donothing();528			}529		}530	};531	var iterationCount = 0;532	while(!eof(next())) {533		tokens.push(consumeAToken());534		if(iterationCount++ > str.length*2) throw new Error("The CSS Tokenizer is infinite-looping");535	}536	return tokens;537}538function CSSParserToken() { return this; }539CSSParserToken.prototype.toJSON = function() {540	return {token: this.tokenType};541}542CSSParserToken.prototype.toString = function() { return this.tokenType; }543CSSParserToken.prototype.toCSSString = function() { return ''+this; }544function BadStringToken() { return this; }545BadStringToken.prototype = new CSSParserToken;546BadStringToken.prototype.tokenType = "BADSTRING";547BadStringToken.prototype.toCSSString = function() { return "'"; }548function BadURLToken() { return this; }549BadURLToken.prototype = new CSSParserToken;550BadURLToken.prototype.tokenType = "BADURL";551BadURLToken.prototype.toCSSString = function() { return "url("; }552function WhitespaceToken() { return this; }553WhitespaceToken.prototype = new CSSParserToken;554WhitespaceToken.prototype.tokenType = "WHITESPACE";555WhitespaceToken.prototype.toString = function() { return "WS"; }556WhitespaceToken.prototype.toCSSString = function() { return " "; }557function CDOToken() { return this; }558CDOToken.prototype = new CSSParserToken;559CDOToken.prototype.tokenType = "CDO";560CDOToken.prototype.toCSSString = function() { return "<!--"; }561function CDCToken() { return this; }562CDCToken.prototype = new CSSParserToken;563CDCToken.prototype.tokenType = "CDC";564CDCToken.prototype.toCSSString = function() { return "-->"; }565function ColonToken() { return this; }566ColonToken.prototype = new CSSParserToken;567ColonToken.prototype.tokenType = ":";568function SemicolonToken() { return this; }569SemicolonToken.prototype = new CSSParserToken;570SemicolonToken.prototype.tokenType = ";";571function CommaToken() { return this; }572CommaToken.prototype = new CSSParserToken;573CommaToken.prototype.tokenType = ",";574CommaToken.prototype.value = ";"; // backwards-compat with DELIM token575function GroupingToken() { return this; }576GroupingToken.prototype = new CSSParserToken;577function OpenCurlyToken() { this.value = "{"; this.mirror = "}"; return this; }578OpenCurlyToken.prototype = new GroupingToken;579OpenCurlyToken.prototype.tokenType = "{";580function CloseCurlyToken() { this.value = "}"; this.mirror = "{"; return this; }581CloseCurlyToken.prototype = new GroupingToken;582CloseCurlyToken.prototype.tokenType = "}";583function OpenSquareToken() { this.value = "["; this.mirror = "]"; return this; }584OpenSquareToken.prototype = new GroupingToken;585OpenSquareToken.prototype.tokenType = "[";586function CloseSquareToken() { this.value = "]"; this.mirror = "["; return this; }587CloseSquareToken.prototype = new GroupingToken;588CloseSquareToken.prototype.tokenType = "]";589function OpenParenToken() { this.value = "("; this.mirror = ")"; return this; }590OpenParenToken.prototype = new GroupingToken;591OpenParenToken.prototype.tokenType = "(";592function CloseParenToken() { this.value = ")"; this.mirror = "("; return this; }593CloseParenToken.prototype = new GroupingToken;594CloseParenToken.prototype.tokenType = ")";595function IncludeMatchToken() { return this; }596IncludeMatchToken.prototype = new CSSParserToken;597IncludeMatchToken.prototype.tokenType = "~=";598function DashMatchToken() { return this; }599DashMatchToken.prototype = new CSSParserToken;600DashMatchToken.prototype.tokenType = "|=";601function PrefixMatchToken() { return this; }602PrefixMatchToken.prototype = new CSSParserToken;603PrefixMatchToken.prototype.tokenType = "^=";604function SuffixMatchToken() { return this; }605SuffixMatchToken.prototype = new CSSParserToken;606SuffixMatchToken.prototype.tokenType = "$=";607function SubstringMatchToken() { return this; }608SubstringMatchToken.prototype = new CSSParserToken;609SubstringMatchToken.prototype.tokenType = "*=";...

cssTokenizer.js

Source:cssTokenizer.js

...256    else if(code == 0x7d) return new CloseCurlyToken();257    else if(code == 0x7e) {258      if(next() == 0x3d) {259        consume();260        return new IncludeMatchToken();261      } else {262        return new DelimToken(code);263      }264    }265    else if(digit(code)) {266      reconsume();267      return consumeANumericToken();268    }269    else if(namestartchar(code)) {270      reconsume();271      return consumeAnIdentlikeToken();272    }273    else if(eof()) return new EOFToken();274    else return new DelimToken(code);275  };276  var consumeComments = function() {277    while(next(1) == 0x2f && next(2) == 0x2a) {278      consume(2);279      while(true) {280        consume();281        if(code == 0x2a && next() == 0x2f) {282          consume();283          break;284        } else if(eof()) {285          parseerror();286          return;287        }288      }289    }290  };291  var consumeANumericToken = function() {292    var num = consumeANumber();293    if(wouldStartAnIdentifier(next(1), next(2), next(3))) {294      var token = new DimensionToken();295      token.value = num.value;296      token.repr = num.repr;297      token.type = num.type;298      token.unit = consumeAName();299      return token;300    } else if(next() == 0x25) {301      consume();302      var token = new PercentageToken();303      token.value = num.value;304      token.repr = num.repr;305      return token;306    } else {307      var token = new NumberToken();308      token.value = num.value;309      token.repr = num.repr;310      token.type = num.type;311      return token;312    }313  };314  var consumeAnIdentlikeToken = function() {315    var str = consumeAName();316    if(str.toLowerCase() == "url" && next() == 0x28) {317      consume();318      while(whitespace(next(1)) && whitespace(next(2))) consume();319      if(next() == 0x22 || next() == 0x27) {320        return new FunctionToken(str);321      } else if(whitespace(next()) && (next(2) == 0x22 || next(2) == 0x27)) {322        return new FunctionToken(str);323      } else {324        return consumeAURLToken();325      }326    } else if(next() == 0x28) {327      consume();328      return new FunctionToken(str);329    } else {330      return new IdentToken(str);331    }332  };333  var consumeAStringToken = function(endingCodePoint) {334    if(endingCodePoint === undefined) endingCodePoint = code;335    var string = "";336    while(consume()) {337      if(code == endingCodePoint || eof()) {338        return new StringToken(string);339      } else if(newline(code)) {340        parseerror();341        reconsume();342        return new BadStringToken();343      } else if(code == 0x5c) {344        if(eof(next())) {345          donothing();346        } else if(newline(next())) {347          consume();348        } else {349          string += stringFromCode(consumeEscape())350        }351      } else {352        string += stringFromCode(code);353      }354    }355  };356  var consumeAURLToken = function() {357    var token = new URLToken("");358    while(whitespace(next())) consume();359    if(eof(next())) return token;360    while(consume()) {361      if(code == 0x29 || eof()) {362        return token;363      } else if(whitespace(code)) {364        while(whitespace(next())) consume();365        if(next() == 0x29 || eof(next())) {366          consume();367          return token;368        } else {369          consumeTheRemnantsOfABadURL();370          return new BadURLToken();371        }372      } else if(code == 0x22 || code == 0x27 || code == 0x28 || nonprintable(code)) {373        parseerror();374        consumeTheRemnantsOfABadURL();375        return new BadURLToken();376      } else if(code == 0x5c) {377        if(startsWithAValidEscape()) {378          token.value += stringFromCode(consumeEscape());379        } else {380          parseerror();381          consumeTheRemnantsOfABadURL();382          return new BadURLToken();383        }384      } else {385        token.value += stringFromCode(code);386      }387    }388  };389  var consumeEscape = function() {390    // Assume the the current character is the \391    // and the next code point is not a newline.392    consume();393    if(hexdigit(code)) {394      // Consume 1-6 hex digits395      var digits = [code];396      for(var total = 0; total < 5; total++) {397        if(hexdigit(next())) {398          consume();399          digits.push(code);400        } else {401          break;402        }403      }404      if(whitespace(next())) consume();405      var value = parseInt(digits.map(function(x){return String.fromCharCode(x);}).join(''), 16);406      if( value > maximumallowedcodepoint ) value = 0xfffd;407      return value;408    } else if(eof()) {409      return 0xfffd;410    } else {411      return code;412    }413  };414  var areAValidEscape = function(c1, c2) {415    if(c1 != 0x5c) return false;416    if(newline(c2)) return false;417    return true;418  };419  var startsWithAValidEscape = function() {420    return areAValidEscape(code, next());421  };422  var wouldStartAnIdentifier = function(c1, c2, c3) {423    if(c1 == 0x2d) {424      return namestartchar(c2) || c2 == 0x2d || areAValidEscape(c2, c3);425    } else if(namestartchar(c1)) {426      return true;427    } else if(c1 == 0x5c) {428      return areAValidEscape(c1, c2);429    } else {430      return false;431    }432  };433  var startsWithAnIdentifier = function() {434    return wouldStartAnIdentifier(code, next(1), next(2));435  };436  var wouldStartANumber = function(c1, c2, c3) {437    if(c1 == 0x2b || c1 == 0x2d) {438      if(digit(c2)) return true;439      if(c2 == 0x2e && digit(c3)) return true;440      return false;441    } else if(c1 == 0x2e) {442      if(digit(c2)) return true;443      return false;444    } else if(digit(c1)) {445      return true;446    } else {447      return false;448    }449  };450  var startsWithANumber = function() {451    return wouldStartANumber(code, next(1), next(2));452  };453  var consumeAName = function() {454    var result = "";455    while(consume()) {456      if(namechar(code)) {457        result += stringFromCode(code);458      } else if(startsWithAValidEscape()) {459        result += stringFromCode(consumeEscape());460      } else {461        reconsume();462        return result;463      }464    }465  };466  var consumeANumber = function() {467    var repr = [];468    var type = "integer";469    if(next() == 0x2b || next() == 0x2d) {470      consume();471      repr += stringFromCode(code);472    }473    while(digit(next())) {474      consume();475      repr += stringFromCode(code);476    }477    if(next(1) == 0x2e && digit(next(2))) {478      consume();479      repr += stringFromCode(code);480      consume();481      repr += stringFromCode(code);482      type = "number";483      while(digit(next())) {484        consume();485        repr += stringFromCode(code);486      }487    }488    var c1 = next(1), c2 = next(2), c3 = next(3);489    if((c1 == 0x45 || c1 == 0x65) && digit(c2)) {490      consume();491      repr += stringFromCode(code);492      consume();493      repr += stringFromCode(code);494      type = "number";495      while(digit(next())) {496        consume();497        repr += stringFromCode(code);498      }499    } else if((c1 == 0x45 || c1 == 0x65) && (c2 == 0x2b || c2 == 0x2d) && digit(c3)) {500      consume();501      repr += stringFromCode(code);502      consume();503      repr += stringFromCode(code);504      consume();505      repr += stringFromCode(code);506      type = "number";507      while(digit(next())) {508        consume();509        repr += stringFromCode(code);510      }511    }512    var value = convertAStringToANumber(repr);513    return {type:type, value:value, repr:repr};514  };515  var convertAStringToANumber = function(string) {516    // CSS's number rules are identical to JS, afaik.517    return +string;518  };519  var consumeTheRemnantsOfABadURL = function() {520    while(consume()) {521      if(code == 0x29 || eof()) {522        return;523      } else if(startsWithAValidEscape()) {524        consumeEscape();525        donothing();526      } else {527        donothing();528      }529    }530  };531  var iterationCount = 0;532  while(!eof(next())) {533    tokens.push(consumeAToken());534    iterationCount++;535    if(iterationCount > str.length*2) return "I'm infinite-looping!";536  }537  return tokens;538}539function CSSParserToken() { throw "Abstract Base Class"; }540CSSParserToken.prototype.toJSON = function() {541  return {token: this.tokenType};542}543CSSParserToken.prototype.toString = function() { return this.tokenType; }544CSSParserToken.prototype.toSource = function() { return ''+this; }545function BadStringToken() { return this; }546BadStringToken.prototype = Object.create(CSSParserToken.prototype);547BadStringToken.prototype.tokenType = "BADSTRING";548function BadURLToken() { return this; }549BadURLToken.prototype = Object.create(CSSParserToken.prototype);550BadURLToken.prototype.tokenType = "BADURL";551function WhitespaceToken() { return this; }552WhitespaceToken.prototype = Object.create(CSSParserToken.prototype);553WhitespaceToken.prototype.tokenType = "WHITESPACE";554WhitespaceToken.prototype.toString = function() { return "WS"; }555WhitespaceToken.prototype.toSource = function() { return " "; }556function CDOToken() { return this; }557CDOToken.prototype = Object.create(CSSParserToken.prototype);558CDOToken.prototype.tokenType = "CDO";559CDOToken.prototype.toSource = function() { return "<!--"; }560function CDCToken() { return this; }561CDCToken.prototype = Object.create(CSSParserToken.prototype);562CDCToken.prototype.tokenType = "CDC";563CDCToken.prototype.toSource = function() { return "-->"; }564function ColonToken() { return this; }565ColonToken.prototype = Object.create(CSSParserToken.prototype);566ColonToken.prototype.tokenType = ":";567function SemicolonToken() { return this; }568SemicolonToken.prototype = Object.create(CSSParserToken.prototype);569SemicolonToken.prototype.tokenType = ";";570function CommaToken() { return this; }571CommaToken.prototype = Object.create(CSSParserToken.prototype);572CommaToken.prototype.tokenType = ",";573function GroupingToken() { throw "Abstract Base Class"; }574GroupingToken.prototype = Object.create(CSSParserToken.prototype);575function OpenCurlyToken() { this.value = "{"; this.mirror = "}"; return this; }576OpenCurlyToken.prototype = Object.create(GroupingToken.prototype);577OpenCurlyToken.prototype.tokenType = "{";578function CloseCurlyToken() { this.value = "}"; this.mirror = "{"; return this; }579CloseCurlyToken.prototype = Object.create(GroupingToken.prototype);580CloseCurlyToken.prototype.tokenType = "}";581function OpenSquareToken() { this.value = "["; this.mirror = "]"; return this; }582OpenSquareToken.prototype = Object.create(GroupingToken.prototype);583OpenSquareToken.prototype.tokenType = "[";584function CloseSquareToken() { this.value = "]"; this.mirror = "["; return this; }585CloseSquareToken.prototype = Object.create(GroupingToken.prototype);586CloseSquareToken.prototype.tokenType = "]";587function OpenParenToken() { this.value = "("; this.mirror = ")"; return this; }588OpenParenToken.prototype = Object.create(GroupingToken.prototype);589OpenParenToken.prototype.tokenType = "(";590function CloseParenToken() { this.value = ")"; this.mirror = "("; return this; }591CloseParenToken.prototype = Object.create(GroupingToken.prototype);592CloseParenToken.prototype.tokenType = ")";593function IncludeMatchToken() { return this; }594IncludeMatchToken.prototype = Object.create(CSSParserToken.prototype);595IncludeMatchToken.prototype.tokenType = "~=";596function DashMatchToken() { return this; }597DashMatchToken.prototype = Object.create(CSSParserToken.prototype);598DashMatchToken.prototype.tokenType = "|=";599function PrefixMatchToken() { return this; }600PrefixMatchToken.prototype = Object.create(CSSParserToken.prototype);601PrefixMatchToken.prototype.tokenType = "^=";602function SuffixMatchToken() { return this; }603SuffixMatchToken.prototype = Object.create(CSSParserToken.prototype);604SuffixMatchToken.prototype.tokenType = "$=";605function SubstringMatchToken() { return this; }606SubstringMatchToken.prototype = Object.create(CSSParserToken.prototype);607SubstringMatchToken.prototype.tokenType = "*=";...

Using AI Code Generation

1const playwright = require('playwright');2(async () => {3  const browser = await playwright.chromium.launch();4  const context = await browser.newContext();5  const page = await context.newPage();6  await page.route('**/*', route => {7    console.log('Request: ' + route.request().url());

Using AI Code Generation

1const playwright = require('playwright');2(async () => {3  for (const browserType of BROWSER) {4    const browser = await playwright[browserType].launch();5    const context = await browser.newContext();6    const page = await context.newPage();7    await page.type('[name="q"]', 'hello');8    await page.waitForSelector('text="hello world"');9    await page.click('text="hello world"');10    await page.waitForTimeout(2000);11    await browser.close();12  }13})();

Using AI Code Generation

1const playwright = require('playwright');2(async () => {3  const browser = await playwright.webkit.launch();4  const context = await browser.newContext();5  const page = await context.newPage();6  await page.waitForNavigation();7  await page.click('text=Playwright - Node.js library to automate Chromium, Firefox and WebKit with a single API');8  const [response] = await Promise.all([9    page.click('text=Docs')10  ]);11  await page.waitForLoadState('domcontentloaded');12  await page.click('text=API');13  await page.waitForLoadState('domcontentloaded');14  await page.click('text=BrowserContext');15  await page.waitForLoadState('domcontentloaded');16  await page.click('text=BrowserType');17  await page.waitForLoadState('domcontentloaded');18  await page.click('text=Browser');19  await page.waitForLoadState('domcontentloaded');20  await page.click('text=BrowserContext');21  await page.waitForLoadState('domcontentloaded');22  await page.click('text=BrowserType');23  await page.waitForLoadState('domcontentloaded');24  await page.click('text=Browser');25  await page.waitForLoadState('domcontentloaded');26  await page.click('text=BrowserContext');27  await page.waitForLoadState('domcontentloaded');28  await page.click('text=BrowserType');29  await page.waitForLoadState('domcontentloaded');30  await page.click('text=Browser');31  await page.waitForLoadState('domcontentloaded');32  await page.click('text=BrowserContext');33  await page.waitForLoadState('domcontentloaded');34  await page.click('text=BrowserType');35  await page.waitForLoadState('domcontentloaded');36  await page.click('text=Browser');37  await page.waitForLoadState('domcontentloaded');38  await page.click('text=BrowserContext');39  await page.waitForLoadState('domcontentloaded');40  await page.click('text=BrowserType');41  await page.waitForLoadState('domcontentloaded');42  await page.click('text=Browser');43  await page.waitForLoadState('domcontentloaded');44  await page.click('text=BrowserContext');45  await page.waitForLoadState('domcontentloaded');46  await page.click('text=BrowserType');

Using AI Code Generation

1const { webkit } = require('playwright');2(async () => {3  const browser = await webkit.launch();4  const page = await browser.newPage();5  console.log(match);6  await browser.close();7})();

Using AI Code Generation

1const playwright = require('playwright');2const { IncludeMatchToken } = require('playwright/lib/internal/recorder/recorderActions');3(async () => {4  const browser = await playwright['chromium'].launch();5  const context = await browser.newContext();6  const page = await context.newPage();7  await IncludeMatchToken(page, 'input', 'type', 'text', 'value', 'test');8  await browser.close();9})();10[Playwright Test] Action: {11  target: {12    attributes: {13    }14  }15}

Using AI Code Generation

1const { IncludeMatchToken } = require('playwright/lib/internal/inspectorInstrumentation');2const { chromium } = require('playwright');3(async () => {4  const browser = await chromium.launch();5  const page = await browser.newPage();6  await IncludeMatchToken(page, 'test');7  await browser.close();8})();9const { IncludeMatchToken } = require('playwright/lib/internal/inspectorInstrumentation');10const { chromium } = require('playwright');11(async () => {12  const browser = await chromium.launch();13  const page = await browser.newPage();14  await IncludeMatchToken(page, 'test');15  await browser.close();16})();17const { IncludeMatchToken } = require('playwright/lib/internal/inspectorInstrumentation');18const { chromium } = require('playwright');19(async () => {20  const browser = await chromium.launch();21  const page = await browser.newPage();22  await IncludeMatchToken(page, 'test');23  await browser.close();24})();25const { IncludeMatchToken } = require('playwright/lib/internal/inspectorInstrumentation');26const { chromium } = require('playwright');27(async () => {28  const browser = await chromium.launch();29  const page = await browser.newPage();30  await IncludeMatchToken(page, 'test');31  await browser.close();32})();33const { IncludeMatchToken } = require('playwright/lib/internal/inspectorInstrumentation');34const { chromium } = require('playwright');35(async () => {36  const browser = await chromium.launch();37  const page = await browser.newPage();38  await IncludeMatchToken(page, 'test');39  await browser.close();40})();

Using AI Code Generation

1const {chromium} = require('playwright');2(async () => {3  const browser = await chromium.launch();4  const context = await browser.newContext();5  const page = await context.newPage();6  const text = await page.textContent('text=Playwright is a Node.js library to automate Chromium, Firefox and WebKit with a single API');7  const token = await page.includeMatchToken(text, 'Chromium');8  console.log(token);9  await browser.close();10})();11const {chromium} = require('playwright');12(async () => {13  const browser = await chromium.launch();14  const context = await browser.newContext();15  const page = await context.newPage();16  const text = await page.textContent('text=Playwright is a Node.js library to automate Chromium, Firefox and WebKit with a single API');17  const token = await page.includeMatchToken(text, 'Safari');18  console.log(token);19  await browser.close();20})();21const {chromium} = require('playwright');22(async () => {23  const browser = await chromium.launch();24  const context = await browser.newContext();25  const page = await context.newPage();26  const text = await page.textContent('text=Playwright is a Node.js library to automate Chromium, Firefox and WebKit with a single API');27  const token = await page.includeMatchToken(text, 'Node');28  console.log(token);29  await browser.close();30})();

Playwright tutorial

LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.

Chapters:

What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.