Gregpaskal: Created page with "{{: Header_Nav}} == Tools == * [https://jsfiddle.net/ Fiddle meta] * [https://beautifytools.com/javascript-validator.php JavaScript Validator] == Chrome Snippets == === Functions === // JavaScript - Function - Loop - Conditionals // URL: N/A var inGlobalContext = true; function printLessThanFive(){ var isInLessThanFiveFunction = true; console.log('the number is less than 5'); } function printIsFive(){ var isInGreaterThanFiveFunction = true;..."

2025-04-05T03:35:31Z

Created page with "{{: Header_Nav}} == Tools == * [https://jsfiddle.net/ Fiddle meta] * [https://beautifytools.com/javascript-validator.php JavaScript Validator] == Chrome Snippets == === Functions === // JavaScript - Function - Loop - Conditionals // URL: N/A var inGlobalContext = true; function printLessThanFive(){ var isInLessThanFiveFunction = true; console.log('the number is less than 5'); } function printIsFive(){ var isInGreaterThanFiveFunction = true;..."

New page

{{: Header_Nav}}
== Tools ==
* [https://jsfiddle.net/ Fiddle meta]
* [https://beautifytools.com/javascript-validator.php JavaScript Validator]

== Chrome Snippets ==

=== Functions ===
// JavaScript - Function - Loop - Conditionals
// URL: N/A

var inGlobalContext = true;

function printLessThanFive(){
var isInLessThanFiveFunction = true;
console.log('the number is less than 5');
}

function printIsFive(){
var isInGreaterThanFiveFunction = true;
console.log('the number is five');
}

function printGreaterThanFive(){
var isInGreaterThanFiveFunction = true;
console.log('the number is greater than five');
}

function runLoop(){
var inRunLoop = true;
for (var i=0; i<10; i++){
if (i<5){
printLessThanFive();
}
else if (i===5){
printIsFive();
}
else{
printGreaterThanFive();
}
}
}

runLoop();

// JavaScript - Function - Multiple Calls
// URL: N/A

function forth(){
console.log('yay!');
}

function third(){
var inThird = true;
console.log('running "third"');
forth();
}

function second(){
console.log('running "second"');
third();
}

function first(){
for (var i=0; i<10; i++){
console.log('printing something 10 times', i);
}
console.log('running "first"');
second();
}

first();

=== Loops ===
// JavaScript - Loop - Console Output
// URL: N/A

for (var i=0; i<10;i++){
console.log('Hello World' + i);
}

=== XPath ===
// JavaScript - XPath - Click button (Inline)
// URL: <nowiki>http://the-internet.herokuapp.com/login</nowiki>

document.evaluate('//button[@type=\"submit\"]',document.body,null,9,null).singleNodeValue.click();

// JavaScript - XPath - Click button (Multiline)
// URL: <nowiki>http://the-internet.herokuapp.com/login</nowiki>

var LO_Universal = "//button[@type=\"submit\"]";
document.evaluate(`${LO_Universal}`,document.body,null,9,null).singleNodeValue.click();

// JavaScript - XPath - Click button - Pause Udemy Video (Multiline)
// URL: <nowiki>https://www.udemy.com/course/ios-13-app-development-bootcamp/learn/lecture/18002665?start=105#overview</nowiki>

xPathRes = document.evaluate (`//button[@data-purpose='pause-button']`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
xPathRes.singleNodeValue.click();

// JavaScript - XPath - Click button - Play Udemy Video (Multiline)
// URL: <nowiki>https://www.udemy.com/course/ios-13-app-development-bootcamp/learn/lecture/18002665?start=105#overview</nowiki>

xPathRes = document.evaluate (`//button[@data-purpose='play-button']`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
xPathRes.singleNodeValue.click();

// JavaScript - XPath - Click link (Inline)
// URL: <nowiki>http://the-internet.herokuapp.com/login</nowiki>

myFind = document.evaluate (`//a[@href="<nowiki>http://elementalselenium.com/</nowiki>"]`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null); myFind.singleNodeValue.click();

// JavaScript - XPath - Click link (Multiline)
// URL: <nowiki>http://the-internet.herokuapp.com/login</nowiki>

var xPathRes = document.evaluate (`//a[@href="<nowiki>http://elementalselenium.com/</nowiki>"]`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
xPathRes.singleNodeValue.click();

// JavaScript - XPath - Count links (Inline) - Cousole Output
// URL: <nowiki>http://the-internet.herokuapp.com/login</nowiki>

locatorCount = document.evaluate(`count(//a)`, document, null, XPathResult.ANY_TYPE, null);
console.log(`This document contains ${locatorCount.numberValue} links.`);

// JavaScript - XPath - Count paragraphs (Inline) - Cousole Output
// URL: <nowiki>http://the-internet.herokuapp.com/login</nowiki>

paragraphCount = document.evaluate('count(//p)', document, null, XPathResult.ANY_TYPE, null);
console.log(`This document contains ${locatorCount.numberValue} paragraphs.`);

=== Other Example ===
// Count the number of XPath Locators

var LO_Universal = "//input[@id=\"notification\"]";
var LO_Universal2 = "//input";

var paragraphCount = document.evaluate( 'count(//input)', document, null, XPathResult.ANY_TYPE, null );
alert( 'This document contains ' + paragraphCount.numberValue + ' paragraph elements' );

var paragraphCount = document.evaluate( `count(${LO_Universal})`, document, null, XPathResult.ANY_TYPE, null );
alert( 'This document contains ' + paragraphCount.numberValue + ' paragraph elements' );

var paragraphCount = document.evaluate( `count(//input[@id=\"notification\"])`, document, null, XPathResult.ANY_TYPE, null );
alert( 'This document contains ' + paragraphCount.numberValue + ' paragraph elements' );

// This JavaScript get the value of a field using two different methods.
// URL = <nowiki>https://testtools.ramseysolutions.net/urlauditor</nowiki>

console.log("===== Get Value using getElementById =======");
var MyElement = document.getElementById("UUID").name;
console.log(`MyElement: ${MyElement}`);

console.log("===== Get Value using XPath =======");
var LO_Universal = "//input[@id=\"UUID\"]";
var MyElement = document.evaluate(`${LO_Universal}`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
console.log(`MyElement: ${MyElement.singleNodeValue.name}`);

// This JavaScript gets the value of a hidden field using XPath.
// URL = <nowiki>https://testtools.ramseysolutions.net/urlauditor</nowiki>

console.log("===== Get Hidden Value using XPath =======");
var LO_Universal = "//input[@name=\"campaign_id\"]";
var MyElement = document.evaluate(`${LO_Universal}`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
console.log(`MyElement: ${MyElement.singleNodeValue.value}`);

// This JavaScript get the value of a hidden field using XPath
// Then is changes the hidden value
// Then it gets the changed hidden value.
//
// URL = <nowiki>https://testtools.ramseysolutions.net/urlauditor</nowiki>
// Ref: <nowiki>https://developer.mozilla.org/en-US/docs/Web/API/XPathResult</nowiki>

// Set universal values
var LO_Universal = "//input[@name=\"test_tags\"]";
var MyElement = document.evaluate(`${LO_Universal}`, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);

console.log("===== Get Value using XPath =======");
var MyValue1 = MyElement.singleNodeValue.value
console.log(`MyValue: ${MyValue1}`);

console.log("===== Set Value using XPath =======");
MyElement.singleNodeValue.value = "heartbaet"

console.log("===== Get Value using XPath =======");
var MyValue2 = MyElement.singleNodeValue.value
console.log(`MyValue: ${MyValue2}`);

== Terminology ==
* JXA (JavaScript for Automation)

== Language Syntax ==
{{: Language_Syntax_-_Side_by_Side_Examples}}

== Reference ==
* https://scriptingosx.com/2021/11/the-unexpected-return-of-javascript-for-automation/
* https://stevebarbera.medium.com/automating-chrome-with-jxa-javascript-application-scripting-6f9bc433216a
* JavaScript syntax for the Open Scripting Architecture (OSA), which is the underlying framework for all AppleScript functionality. Apple called this “JavaScript for Automation.” Because this is a mouthful, it is often abbreviated as JXA.
* [https://github.com/JXA-Cookbook/JXA-Cookbook/wiki JavaScript for Automation Cookbook]
* [https://computers.tutsplus.com/tutorials/a-beginners-guide-to-javascript-application-scripting-jxa--cms-27171 A Beginners Guide to JXA, JavaScript Application Scripting]

JavaScript - Cheat Sheet - Revision history