thunderstrike/puppeteer
thunderstrike/puppeteer
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lint examples, again #178 (#190)

Browse Source
This commit is contained in:
JoelEinbinder 2017-08-02 15:03:26 -07:00 committed by Andrey Lushnikov
parent c32df08e4c
commit e6d8fca7cd
10 changed files with 191 additions and 198 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.eslintignore
View File

@ -1,3 +1,2 @@
third_party/* third_party/*
examples/*
utils/doclint/check_public_api/test/ utils/doclint/check_public_api/test/

90
examples/colorwheel.js
View File

@ -14,58 +14,58 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
var browser = new Browser(); let browser = new Browser();
browser.newPage().then(async page => { browser.newPage().then(async page => {
await page.setViewport({width: 400, height: 400}); await page.setViewport({width: 400, height: 400});
await page.setContent('<html><body><canvas id="surface"></canvas></body></html>'); await page.setContent('<html><body><canvas id="surface"></canvas></body></html>');
await page.evaluate(drawColorWheel); await page.evaluate(drawColorWheel);
await page.screenshot({path: 'colorwheel.png'}); await page.screenshot({path: 'colorwheel.png'});
browser.close(); browser.close();
}); });
function drawColorWheel() { function drawColorWheel() {
var el = document.getElementById('surface'), let el = document.getElementById('surface'),
context = el.getContext('2d'), context = el.getContext('2d'),
width = window.innerWidth, width = window.innerWidth,
height = window.innerHeight, height = window.innerHeight,
cx = width / 2, cx = width / 2,
cy = height / 2, cy = height / 2,
radius = width / 2.3, radius = width / 2.3,
imageData, imageData,
pixels, pixels,
hue, sat, value, hue, sat,
i = 0, x, y, rx, ry, d, i = 0, x, y, rx, ry, d,
f, g, p, u, v, w, rgb; f, g, u, v, w;
el.width = width; el.width = width;
el.height = height; el.height = height;
imageData = context.createImageData(width, height); imageData = context.createImageData(width, height);
pixels = imageData.data; pixels = imageData.data;
for (y = 0; y < height; y = y + 1) { for (y = 0; y < height; y = y + 1) {
for (x = 0; x < width; x = x + 1, i = i + 4) { for (x = 0; x < width; x = x + 1, i = i + 4) {
rx = x - cx; rx = x - cx;
ry = y - cy; ry = y - cy;
d = rx * rx + ry * ry; d = rx * rx + ry * ry;
if (d < radius * radius) { if (d < radius * radius) {
hue = 6 * (Math.atan2(ry, rx) + Math.PI) / (2 * Math.PI); hue = 6 * (Math.atan2(ry, rx) + Math.PI) / (2 * Math.PI);
sat = Math.sqrt(d) / radius; sat = Math.sqrt(d) / radius;
g = Math.floor(hue); g = Math.floor(hue);
f = hue - g; f = hue - g;
u = 255 * (1 - sat); u = 255 * (1 - sat);
v = 255 * (1 - sat * f); v = 255 * (1 - sat * f);
w = 255 * (1 - sat * (1 - f)); w = 255 * (1 - sat * (1 - f));
pixels[i] = [255, v, u, u, w, 255, 255][g]; pixels[i] = [255, v, u, u, w, 255, 255][g];
pixels[i + 1] = [w, 255, 255, v, u, u, w][g]; pixels[i + 1] = [w, 255, 255, v, u, u, w][g];
pixels[i + 2] = [u, u, w, 255, 255, v, u][g]; pixels[i + 2] = [u, u, w, 255, 255, v, u][g];
pixels[i + 3] = 255; pixels[i + 3] = 255;
} }
}
} }
}
context.putImageData(imageData, 0, 0); context.putImageData(imageData, 0, 0);
document.body.style.backgroundColor = 'white'; document.body.style.backgroundColor = 'white';
document.body.style.margin = '0px'; document.body.style.margin = '0px';
} }

32
examples/custom-chromium-revision.js
View File

@ -14,23 +14,23 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
var Downloader = require('../utils/ChromiumDownloader'); const Downloader = require('../utils/ChromiumDownloader');
var revision = '483012'; let revision = '483012';
console.log('Downloading custom chromium revision - ' + revision); console.log('Downloading custom chromium revision - ' + revision);
Downloader.downloadRevision(Downloader.currentPlatform(), revision).then(async () => { Downloader.downloadRevision(Downloader.currentPlatform(), revision).then(async() => {
console.log('Done.'); console.log('Done.');
var executablePath = Downloader.revisionInfo(Downloader.currentPlatform(), revision).executablePath; let executablePath = Downloader.revisionInfo(Downloader.currentPlatform(), revision).executablePath;
var browser1 = new Browser({ executablePath }); let browser1 = new Browser({ executablePath });
var browser2 = new Browser(); let browser2 = new Browser();
var [version1, version2] = await Promise.all([ let [version1, version2] = await Promise.all([
browser1.version(), browser1.version(),
browser2.version() browser2.version()
]); ]);
console.log('browser1: ' + version1); console.log('browser1: ' + version1);
console.log('browser2: ' + version2); console.log('browser2: ' + version2);
browser1.close(); browser1.close();
browser2.close(); browser2.close();
}); });

80
examples/detectsniff.js
View File

@ -14,54 +14,54 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
if (process.argv.length < 3) { if (process.argv.length < 3) {
console.log('Usage: detectsniff.js <some URL>'); console.log('Usage: detectsniff.js <some URL>');
return; return;
} }
var address = process.argv[2]; let address = process.argv[2];
console.log('Checking ' + address + '...'); console.log('Checking ' + address + '...');
var browser = new Browser(); let browser = new Browser();
browser.newPage().then(async page => { browser.newPage().then(async page => {
await page.evaluateOnNewDocument(function() { await page.evaluateOnNewDocument(function() {
(function () { (function() {
var userAgent = window.navigator.userAgent, let userAgent = window.navigator.userAgent,
platform = window.navigator.platform; platform = window.navigator.platform;
window.navigator = { window.navigator = {
appCodeName: 'Mozilla', appCodeName: 'Mozilla',
appName: 'Netscape', appName: 'Netscape',
cookieEnabled: false, cookieEnabled: false,
sniffed: false sniffed: false
}; };
window.navigator.__defineGetter__('userAgent', function () { window.navigator.__defineGetter__('userAgent', function() {
window.navigator.sniffed = true; window.navigator.sniffed = true;
return userAgent; return userAgent;
}); });
window.navigator.__defineGetter__('platform', function () { window.navigator.__defineGetter__('platform', function() {
window.navigator.sniffed = true; window.navigator.sniffed = true;
return platform; return platform;
}); });
})(); })();
}); });
var success = await page.navigate(address); let success = await page.navigate(address);
if (!success) { if (!success) {
console.log('FAIL to load the address'); console.log('FAIL to load the address');
browser.close(); browser.close();
return; return;
} }
setTimeout(async function () { setTimeout(async function() {
var sniffed = await page.evaluate(() => navigator.sniffed); let sniffed = await page.evaluate(() => navigator.sniffed);
if (sniffed) { if (sniffed)
console.log('The page tried to sniff the user agent.'); console.log('The page tried to sniff the user agent.');
} else { else
console.log('The page did not try to sniff the user agent.'); console.log('The page did not try to sniff the user agent.');
}
browser.close(); browser.close();
}, 1500); }, 1500);
}); });

60
examples/features.js
View File

@ -14,43 +14,43 @@
* limitations under the License. * limitations under the License.
*/ */
var path = require('path'); const path = require('path');
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
var browser = new Browser(); let browser = new Browser();
browser.newPage().then(async page => { browser.newPage().then(async page => {
var modernizrPath = path.join(__dirname, '../third_party/phantomjs/examples/modernizr.js'); let modernizrPath = path.join(__dirname, '../third_party/phantomjs/examples/modernizr.js');
await page.injectFile(modernizrPath); await page.injectFile(modernizrPath);
page.on('console', console.log); page.on('console', console.log);
await page.evaluate(detectFeatures); await page.evaluate(detectFeatures);
browser.close(); browser.close();
}); });
function detectFeatures() { function detectFeatures() {
var supported = [], unsupported = []; let supported = [], unsupported = [];
console.log('Detected features (using Modernizr ' + Modernizr._version + '):'); console.log('Detected features (using Modernizr ' + Modernizr._version + '):');
for (var feature in Modernizr) { for (let feature in Modernizr) {
if (Modernizr.hasOwnProperty(feature)) { if (Modernizr.hasOwnProperty(feature)) {
if (feature[0] !== '_' && typeof Modernizr[feature] !== 'function' && if (feature[0] !== '_' && typeof Modernizr[feature] !== 'function' &&
feature !== 'input' && feature !== 'inputtypes') { feature !== 'input' && feature !== 'inputtypes') {
if (Modernizr[feature]) { if (Modernizr[feature])
supported.push(feature); supported.push(feature);
} else { else
unsupported.push(feature); unsupported.push(feature);
}
} }
}
} }
}
console.log(''); console.log('');
console.log('Supported:'); console.log('Supported:');
supported.forEach(function (e) { supported.forEach(function(e) {
console.log(' ' + e); console.log(' ' + e);
}); });
console.log(''); console.log('');
console.log('Not supported:'); console.log('Not supported:');
unsupported.forEach(function (e) { unsupported.forEach(function(e) {
console.log(' ' + e); console.log(' ' + e);
}); });
} }

30
examples/loadurlwithoutcss.js
View File

@ -14,25 +14,25 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
if (process.argv.length < 3) { if (process.argv.length < 3) {
console.log('Usage: loadurlwithoutcss.js URL'); console.log('Usage: loadurlwithoutcss.js URL');
return; return;
} }
var address = process.argv[2]; let address = process.argv[2];
var browser = new Browser({headless: false}); let browser = new Browser({headless: false});
browser.newPage().then(async page => { browser.newPage().then(async page => {
page.setRequestInterceptor(request => { page.setRequestInterceptor(request => {
if (request.url.endsWith('.css')) if (request.url.endsWith('.css'))
request.abort(); request.abort();
else else
request.continue(); request.continue();
}); });
var success = await page.navigate(address); let success = await page.navigate(address);
if (!success) if (!success)
console.log('Unable to load the address!'); console.log('Unable to load the address!');
browser.close(); browser.close();
}); });

32
examples/openurlwithproxy.js
View File

@ -14,29 +14,27 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
if (process.argv.length < 5) { if (process.argv.length < 5) {
console.log('Usage: openurlwithproxy.js <proxyHost> <proxyPort> <URL>'); console.log('Usage: openurlwithproxy.js <proxyHost> <proxyPort> <URL>');
return; return;
} }
var host = process.argv[2]; let host = process.argv[2];
var port = process.argv[3]; let port = process.argv[3];
var address = process.argv[4]; let address = process.argv[4];
var browser = new Browser({ let browser = new Browser({
args: [ args: [ `--proxy-server=${host}:${port}`]
`--proxy-server=${host}:${port}`;
]
}); });
browser.newPage().then(async page => { browser.newPage().then(async page => {
var success = await page.navigate(address); let success = await page.navigate(address);
if (success) { if (success) {
console.log('Page title is ' + (await page.title())); console.log('Page title is ' + (await page.title()));
} else { } else {
console.log('FAIL to load the address "' + console.log('FAIL to load the address "' +
address + '" using proxy "' + host + ':' + port + '"'); address + '" using proxy "' + host + ':' + port + '"');
} }
browser.close(); browser.close();
}); });

30
examples/pagecallback.js
View File

@ -14,31 +14,27 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
var browser = new Browser(); let browser = new Browser();
browser.newPage().then(async page => { browser.newPage().then(async page => {
page.on('console', console.log); page.on('console', console.log);
await page.setInPageCallback('callPhantom', msg => { await page.setInPageCallback('callPhantom', msg => {
console.log("Page is saying: '" + msg + "'"); console.log("Page is saying: '" + msg + "'");
return "Hello, page"; return 'Hello, page';
}); });
await page.evaluate(async function() {
await page.evaluate(async function() { // Return-value of the "onCallback" handler arrive here
let callbackResponse = await window.callPhantom('Hello, driver');
console.log("Driver is saying: '" + callbackResponse + "'");
});
// Return-value of the "onCallback" handler arrive here browser.close();
var callbackResponse = await window.callPhantom("Hello, driver");
console.log("Driver is saying: '" + callbackResponse + "'");
});
browser.close();
}); });

6
examples/screenshot.js
View File

@ -18,7 +18,7 @@ const Browser = require('../lib/Browser');
const browser = new Browser(); const browser = new Browser();
browser.newPage().then(async page => { browser.newPage().then(async page => {
await page.navigate('http://example.com'); await page.navigate('http://example.com');
const screenshot = await page.screenshot({path: 'example.png'}); await page.screenshot({path: 'example.png'});
browser.close(); browser.close();
}); });

28
examples/unrandomize.js
View File

@ -14,20 +14,20 @@
* limitations under the License. * limitations under the License.
*/ */
var Browser = require('../lib/Browser'); const Browser = require('../lib/Browser');
var browser = new Browser(); let browser = new Browser();
browser.newPage().then(async page => { browser.newPage().then(async page => {
await page.evaluateOnNewDocument(function() { await page.evaluateOnNewDocument(function() {
Math.random = () => 42 / 100; Math.random = () => 42 / 100;
}); });
var result = await page.navigate('http://ariya.github.com/js/random/'); let result = await page.navigate('http://ariya.github.com/js/random/');
if (result) { if (result) {
console.log(await page.evaluate(function () { console.log(await page.evaluate(function() {
return document.getElementById('numbers').textContent; return document.getElementById('numbers').textContent;
})); }));
} else { } else {
console.log('Network error.'); console.log('Network error.');
} }
browser.close(); browser.close();
}); });