Last active
May 6, 2020 22:46
-
-
Save dewomser/d1f36617cdbbbc02ea4beb62545f7367 to your computer and use it in GitHub Desktop.
Corona table from Wikipedia snapshot
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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(); | |
}); | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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(); | |
}); |
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
Phantom.js script: Cuts out class tright from html and makes png graphics