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

Revert "lint examples #178 (#182)" (#183)

Browse Source 
This reverts commit 8c220654e8.
This commit is contained in:
JoelEinbinder 2017-08-02 01:26:02 -07:00 committed by GitHub
parent 8c220654e8
commit 0218960713
10 changed files with 198 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.eslintignore
View File

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

90
examples/colorwheel.js
View File

@ -14,58 +14,58 @@
* limitations under the License.
*/
let Browser = require('../lib/Browser');
let browser = new Browser();
var Browser = require('../lib/Browser');
var 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() {
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;
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;
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.
*/
let Browser = require('../lib/Browser');
let Downloader = require('../utils/ChromiumDownloader');
var Browser = require('../lib/Browser');
var Downloader = require('../utils/ChromiumDownloader');
let revision = '483012';
var revision = '483012';
console.log('Downloading custom chromium revision - ' + revision);
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();
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();
});

80
examples/detectsniff.js
View File

@ -14,54 +14,54 @@
* limitations under the License.
*/
let Browser = require('../lib/Browser');
var 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;
}
let address = process.argv[2];
var address = process.argv[2];
console.log('Checking ' + address + '...');
let browser = new Browser();
var browser = new Browser();
browser.newPage().then(async page => {
await page.evaluateOnNewDocument(function() {
(function() {
let userAgent = window.navigator.userAgent,
platform = window.navigator.platform;
await page.evaluateOnNewDocument(function() {
(function () {
var 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;
});
})();
});
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);
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);
});

60
examples/features.js
View File

@ -14,43 +14,43 @@
* limitations under the License.
*/
let path = require('path');
let Browser = require('../lib/Browser');
let browser = new Browser();
var path = require('path');
var Browser = require('../lib/Browser');
var browser = new Browser();
browser.newPage().then(async page => {
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();
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();
});
function detectFeatures() {
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' &&
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' &&
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.
*/
let Browser = require('../lib/Browser');
var Browser = require('../lib/Browser');
if (process.argv.length < 3) {
console.log('Usage: loadurlwithoutcss.js URL');
return;
console.log('Usage: loadurlwithoutcss.js URL');
return;
}
let address = process.argv[2];
var address = process.argv[2];
let browser = new Browser({headless: false});
var browser = new Browser({headless: false});
browser.newPage().then(async page => {
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();
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();
});

32
examples/openurlwithproxy.js
View File

@ -14,27 +14,29 @@
* limitations under the License.
*/
let Browser = require('../lib/Browser');
var 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;
}
let host = process.argv[2];
let port = process.argv[3];
let address = process.argv[4];
var host = process.argv[2];
var port = process.argv[3];
var address = process.argv[4];
let browser = new Browser({
args: [`--proxy-server=${host}:${port}`]
var browser = new Browser({
args: [
`--proxy-server=${host}:${port}`;
]
});
browser.newPage().then(async page => {
let success = await page.navigate(address);
if (success) {
console.log('Page title is ' + (await page.title()));
} else {
console.log('FAIL to load the address "' +
var 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,27 +14,31 @@
* limitations under the License.
*/
let Browser = require('../lib/Browser');
let browser = new Browser();
var Browser = require('../lib/Browser');
var 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() {
// Return-value of the "onCallback" handler arrive here
let callbackResponse = await window.callPhantom('Hello, driver');
console.log("Driver is saying: '" + callbackResponse + "'");
await page.evaluate(async function() {
});
browser.close();
// Return-value of the "onCallback" handler arrive here
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();
browser.newPage().then(async page => {
await page.navigate('http://example.com');
await page.screenshot({path: 'example.png'});
browser.close();
await page.navigate('http://example.com');
const screenshot = await page.screenshot({path: 'example.png'});
browser.close();
});

28
examples/unrandomize.js
View File

@ -14,20 +14,20 @@
* limitations under the License.
*/
let Browser = require('../lib/Browser');
let browser = new Browser();
var Browser = require('../lib/Browser');
var browser = new Browser();
browser.newPage().then(async page => {
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();
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();
});