Skip to content

Instantly share code, notes, and snippets.

@dewomser
Last active May 6, 2020 22:46
Show Gist options
  • Save dewomser/d1f36617cdbbbc02ea4beb62545f7367 to your computer and use it in GitHub Desktop.
Save dewomser/d1f36617cdbbbc02ea4beb62545f7367 to your computer and use it in GitHub Desktop.
Corona table from Wikipedia snapshot
/**
* Wait until the test condition is true or a timeout occurs. Useful for waiting
* on a server response or for a ui change (fadeIn, etc.) to occur.
*
* @param testFx javascript condition that evaluates to a boolean,
* it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
* as a callback function.
* @param onReady what to do when testFx condition is fulfilled,
* it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
* as a callback function.
* @param timeOutMillis the max amount of time to wait. If not specified, 3 sec is used.
*/
"use strict";
function waitFor(testFx, onReady, timeOutMillis) {
var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 10000, //< Default Max Timout is 3s
start = new Date().getTime(),
condition = false,
interval = setInterval(function() {
if ( (new Date().getTime() - start < maxtimeOutMillis) && !condition ) {
// If not time-out yet and condition not yet fulfilled
condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
} else {
if(!condition) {
// If condition still not fulfilled (timeout but condition is 'false')
console.log("'waitFor()' timeout");
phantom.exit(1);
} else {
// Condition fulfilled (timeout and/or condition is 'true')
console.log("'waitFor()' finished in " + (new Date().getTime() - start) + "ms.");
typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
clearInterval(interval); //< Stop this interval
}
}
}, 250); //< repeat check every 250ms
};
var page = require('webpage').create();
// Open Twitter on 'sencha' profile and, onPageLoad, do...
page.open("https://en.wikipedia.org/wiki/2020_coronavirus_pandemic_in_Germany", function (status) {
page.viewportSize = { width: 1920, height: 1080 };
var clipRect = page.evaluate(function(){
return document.querySelector('.barbox.tright').getBoundingClientRect();
});
// Check for page load success
if (status !== "success") {
console.log("Unable to access network");
} else {
// Wait for 'signin-dropdown' to be visible
waitFor(function() {
// Check in the page if a specific element is now visible
return page.evaluate(function() {
return $(".barbox.tright").is(":visible");
});
}, function() {
console.log("The sign-in dialog should be visible now.");
page.clipRect = { top: clipRect.top, left: clipRect.left, width: clipRect.width, height: 600. }
page.render('pandemie_de.png');
phantom.exit();
});
}
});
var page = require('webpage').create();
page.open('https://en.wikipedia.org/wiki/2020_coronavirus_pandemic_in_Germany', function() {
// being the actual size of the headless browser
page.viewportSize = { width: 1920, height: 1080 };
var clipRect = page.evaluate(function(){
return document.querySelector('.tright').getBoundingClientRect();
});
// page.clipRect = {
// top: clipRect.top,
// left: clipRect.left,
// width: clipRect.width,
// height: clipRect.height
// };
page.clipRect = { top: clipRect.top + 900, left: clipRect.left + 80, width: clipRect.width, height: clipRect.height - 900 }
page.render('pandemie_de.png');
phantom.exit();
});
@dewomser
Copy link
Author

Phantom.js script: Cuts out class tright from html and makes png graphics

@dewomser
Copy link
Author

dewomser commented May 6, 2020

Phantom.js …wait.js Waits for class .barbox.tright then get rectangle and make image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment