After searching for solutions, I came across a Python code snippet that opens my JavaScript file and runs it on the webpage. I stumbled upon discussions about using execute_async_script() to manage callbacks in JavaScript, but the concept still eludes me.
with open("script.js") as f:
script_source = f.read()
wait.until(EC.element_to_be_clickable((By.CLASS_NAME, "textArea-2Spzkt")))
script_exc = driver.execute_async_script(script_source)
print("test", script_exc)
The injected JavaScript by Selenium contains logic that monitors changes within a specific class and logs a message to the console whenever a change is detected.
// Select the node that will be observed for mutations
var targetNode = document.getElementsByClassName('messagesWrapper-3lZDfY')[0];
// Options for the observer (which mutations to observe)
var config = { attributes: false, childList: true, subtree: true };
// Callback function to execute when mutations are observed
var callback = function(mutationsList, observer) {
for(var mutation of mutationsList) {
if (mutation.type == 'childList') {
console.log('A child node has been added or removed.');
}
else if (mutation.type == 'attributes') {
console.log('The ' + mutation.attributeName + ' attribute was modified.');
}
}
};
// Create an observer instance linked to the callback function
var observer = new MutationObserver(callback);
// Start observing the target node for configured mutations
observer.observe(targetNode, config);
I aim to have a string returned from JavaScript to Python saying "node change detected" once a node alteration is identified. Therefore, in my Python script where it indicates print("test", script_exc), I intend for it to output test followed by node change detected. My understanding of JavaScript and Python is quite limited, and suggestions like utilizing arguments[0] in JavaScript leave me confused regarding its applicability in my Python script.