github/puppeteer
0
0
Fork 0
mirror of https://github.com/puppeteer/puppeteer synced 2024-06-14 14:02:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

lint examples #178 (#182)

Browse Source 
This patch enables lint in `examples/` folder.
This commit is contained in:
JoelEinbinder 2017-08-02 01:13:44 -07:00 committed by Andrey Lushnikov
parent a43c315214
commit 8c220654e8
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/*
examples/*
utils/doclint/check_public_api/test/

90
examples/colorwheel.js
View File

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

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

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

80
examples/detectsniff.js
View File

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

60
examples/features.js
View File

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

30
examples/loadurlwithoutcss.js
View File

@ -14,25 +14,25 @@
* limitations under the License.
*/
var Browser = require('../lib/Browser');
let Browser = require('../lib/Browser');
if (process.argv.length < 3) {
console.log('Usage: loadurlwithoutcss.js URL');
return;
console.log('Usage: loadurlwithoutcss.js URL');
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 => {
page.setRequestInterceptor(request => {
if (request.url.endsWith('.css'))
request.abort();
else
request.continue();
});
var success = await page.navigate(address);
if (!success)
console.log('Unable to load the address!');
browser.close();
page.setRequestInterceptor(request => {
if (request.url.endsWith('.css'))
request.abort();
else
request.continue();
});
let success = await page.navigate(address);
if (!success)
console.log('Unable to load the address!');
browser.close();
});

32
examples/openurlwithproxy.js
View File

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

30
examples/pagecallback.js
View File

@ -14,31 +14,27 @@
* limitations under the License.
*/
var Browser = require('../lib/Browser');
var browser = new Browser();
let Browser = require('../lib/Browser');
let browser = new Browser();
browser.newPage().then(async page => {
page.on('console', console.log);
page.on('console', console.log);
await page.setInPageCallback('callPhantom', msg => {
console.log("Page is saying: '" + msg + "'");
return "Hello, page";
});
await page.setInPageCallback('callPhantom', msg => {
console.log("Page is saying: '" + msg + "'");
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
var callbackResponse = await window.callPhantom("Hello, driver");
console.log("Driver is saying: '" + callbackResponse + "'");
});
browser.close();
});
browser.close();
});

6
examples/screenshot.js
View File

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

28
examples/unrandomize.js
View File

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