phantomjs/test/webpage-spec.js

746 lines
24 KiB
JavaScript

function checkClipRect(page, clipRect) {
expectHasProperty(page, 'clipRect');
it("should have clipRect with height "+clipRect.height, function () {
expect(page.clipRect.height).toEqual(clipRect.height);
});
it("should have clipRect with left "+clipRect.left, function () {
expect(page.clipRect.left).toEqual(clipRect.left);
});
it("should have clipRect with top "+clipRect.top, function () {
expect(page.clipRect.top).toEqual(clipRect.top);
});
it("should have clipRect with width "+clipRect.width, function () {
expect(page.clipRect.width).toEqual(clipRect.width);
});
}
function checkScrollPosition(page, scrollPosition) {
expectHasProperty(page, 'scrollPosition');
it("should have scrollPosition with left "+scrollPosition.left, function () {
expect(page.scrollPosition.left).toEqual(scrollPosition.left);
});
it("should have scrollPosition with top "+scrollPosition.top, function () {
expect(page.scrollPosition.top).toEqual(scrollPosition.top);
});
}
function checkViewportSize(page, viewportSize) {
expectHasProperty(page, 'viewportSize');
it("should have viewportSize with height "+viewportSize.height, function () {
expect(page.viewportSize.height).toEqual(viewportSize.height);
});
it("should have viewportSize with width "+viewportSize.width, function () {
expect(page.viewportSize.width).toEqual(viewportSize.width);
});
}
function checkPageCallback(page) {
it("should pass variables from/to window.callPhantom/page.onCallback", function() {
var msgA = "a",
msgB = "b",
result,
expected = msgA + msgB;
page.onCallback = function(a, b) {
return a + b;
};
result = page.evaluate(function(a, b) {
return callPhantom(a, b);
}, msgA, msgB);
expect(result).toEqual(expected);
});
}
function checkPageConfirm(page) {
it("should pass result from/to window.confirm/page.onConfirm", function() {
var msg = "message body",
result,
expected = true;
page.onConfirm = function(msg) {
return true;
};
result = page.evaluate(function(m) {
return window.confirm(m);
}, msg);
expect(result).toEqual(expected);
});
}
function checkPagePrompt(page) {
it("should pass result from/to window.prompt/page.onPrompt", function() {
var msg = "message",
value = "value",
result,
expected = "extra-value";
page.onPrompt = function(msg, value) {
return "extra-"+value;
};
result = page.evaluate(function(m, v) {
return window.prompt(m, v);
}, msg, value);
expect(result).toEqual(expected);
});
}
describe("WebPage constructor", function() {
it("should exist in window", function() {
expect(window.hasOwnProperty('WebPage')).toBeTruthy();
});
it("should be a function", function() {
expect(typeof window.WebPage).toEqual('function');
});
});
describe("WebPage object", function() {
var page = new WebPage();
it("should be creatable", function() {
expect(typeof page).toEqual('object');
expect(page).toNotEqual(null);
});
checkPageCallback(page);
checkPageConfirm(page);
checkPagePrompt(page);
checkClipRect(page, {height:0,left:0,top:0,width:0});
expectHasPropertyString(page, 'content');
expectHasPropertyString(page, 'plainText');
expectHasPropertyString(page, 'libraryPath');
expectHasPropertyString(page, 'offlineStoragePath');
expectHasProperty(page, 'offlineStorageQuota');
it("should have objectName as 'WebPage'", function() {
expect(page.objectName).toEqual('WebPage');
});
expectHasProperty(page, 'paperSize');
it("should have paperSize as an empty object", function() {
expect(page.paperSize).toEqual({});
});
checkScrollPosition(page, {left:0,top:0});
expectHasProperty(page, 'settings');
it("should have non-empty settings", function() {
expect(page.settings).toNotEqual(null);
expect(page.settings).toNotEqual({});
});
expectHasProperty(page, 'customHeaders');
it("should have customHeaders as an empty object", function() {
expect(page.customHeaders).toEqual({});
});
expectHasProperty(page, 'zoomFactor');
it("should have zoomFactor of 1", function() {
expect(page.zoomFactor).toEqual(1.0);
});
checkViewportSize(page, {height:300,width:400});
expectHasFunction(page, 'deleteLater');
expectHasFunction(page, 'destroyed');
expectHasFunction(page, 'evaluate');
expectHasFunction(page, 'initialized');
expectHasFunction(page, 'injectJs');
expectHasFunction(page, 'javaScriptAlertSent');
expectHasFunction(page, 'javaScriptConsoleMessageSent');
expectHasFunction(page, 'loadFinished');
expectHasFunction(page, 'loadStarted');
expectHasFunction(page, 'openUrl');
expectHasFunction(page, 'release');
expectHasFunction(page, 'render');
expectHasFunction(page, 'resourceReceived');
expectHasFunction(page, 'resourceRequested');
expectHasFunction(page, 'uploadFile');
expectHasFunction(page, 'sendEvent');
expectHasFunction(page, 'childFramesCount');
expectHasFunction(page, 'childFramesName');
expectHasFunction(page, 'switchToChildFrame');
expectHasFunction(page, 'switchToMainFrame');
expectHasFunction(page, 'switchToParentFrame');
expectHasFunction(page, 'currentFrameName');
it("should handle mousedown event", function() {
runs(function() {
page.evaluate(function() {
window.addEventListener('mousedown', function(event) {
window.loggedEvent = window.loggedEvent || {};
window.loggedEvent.mousedown = event;
}, false);
});
page.sendEvent('mousedown', 42, 217);
});
waits(50);
runs(function() {
var event = page.evaluate(function() {
return window.loggedEvent.mousedown;
});
expect(event.clientX).toEqual(42);
expect(event.clientY).toEqual(217);
});
});
it("should handle mouseup event", function() {
runs(function() {
page.evaluate(function() {
window.addEventListener('mouseup', function(event) {
window.loggedEvent = window.loggedEvent || {};
window.loggedEvent.mouseup = event;
}, false);
});
page.sendEvent('mouseup', 14, 3);
});
waits(50);
runs(function() {
var event = page.evaluate(function() {
return window.loggedEvent.mouseup;
});
expect(event.clientX).toEqual(14);
expect(event.clientY).toEqual(3);
});
});
it("should handle mousemove event", function() {
runs(function() {
page.evaluate(function() {
window.addEventListener('mousemove', function(event) {
window.loggedEvent = window.loggedEvent || {};
window.loggedEvent.mousemove = event;
}, false);
});
page.sendEvent('mousemove', 14, 7);
});
waits(50);
runs(function() {
var event = page.evaluate(function() {
return window.loggedEvent.mousemove;
});
expect(event.clientX).toEqual(14);
expect(event.clientY).toEqual(7);
});
});
it("should handle click event", function() {
runs(function() {
page.evaluate(function() {
window.addEventListener('mousedown', function(event) {
window.loggedEvent = window.loggedEvent || {};
window.loggedEvent.mousedown = event;
}, false);
window.addEventListener('mouseup', function(event) {
window.loggedEvent = window.loggedEvent || {};
window.loggedEvent.mouseup = event;
}, false);
});
page.sendEvent('click', 42, 217);
});
waits(50);
runs(function() {
var event = page.evaluate(function() {
return window.loggedEvent;
});
expect(event.mouseup.clientX).toEqual(42);
expect(event.mouseup.clientY).toEqual(217);
expect(event.mousedown.clientX).toEqual(42);
expect(event.mousedown.clientY).toEqual(217);
});
});
it("should handle file uploads", function() {
runs(function() {
page.content = '<input type="file" id="file">\n' +
'<input type="file" id="file2" multiple>';
page.uploadFile("#file", 'README.md');
page.uploadFile("#file2", 'README.md');
});
waits(50);
runs(function() {
var fileName;
fileName = page.evaluate(function() {
return document.getElementById('file').files[0].fileName;
});
expect(fileName).toEqual('README.md');
fileName = page.evaluate(function() {
return document.getElementById('file2').files[0].fileName;
});
expect(fileName).toEqual('README.md');
});
});
it("should support console.log with multiple arguments", function() {
var message;
runs(function() {
page.onConsoleMessage = function (msg) {
message = msg;
};
});
waits(50);
runs(function() {
page.evaluate(function () { console.log('answer', 42); });
expect(message).toEqual("answer 42");
});
});
it("should not load any NPAPI plugins (e.g. Flash)", function() {
runs(function() {
expect(page.evaluate(function () { return window.navigator.plugins.length; })).toEqual(0);
});
});
it("reports unhandled errors", function() {
var lastError = null;
page = new require('webpage').create();
page.onError = function(e) { lastError = e; };
runs(function() {
page.evaluate(function() {
setTimeout(function() { referenceError }, 0);
});
});
waits(0);
runs(function() {
expect(lastError.toString()).toEqual("ReferenceError: Can't find variable: referenceError");
page.evaluate(function() { referenceError2 });
expect(lastError.toString()).toEqual("ReferenceError: Can't find variable: referenceError2");
page.evaluate(function() { throw "foo" });
expect(lastError).toEqual("foo");
page.evaluate(function() { throw Error("foo") });
expect(lastError.toString()).toEqual("Error: foo");
});
});
it("doesn't report handled errors", function() {
var hadError = false;
var caughtError = false;
page = new require('webpage').create();
runs(function() {
page.onError = function() { hadError = true; };
page.evaluate(function() {
caughtError = false;
try {
referenceError
} catch(e) {
caughtError = true;
}
});
expect(hadError).toEqual(false);
expect(page.evaluate(function() { return caughtError })).toEqual(true);
});
})
it("reports the sourceURL and line of errors", function() {
runs(function() {
var e1, e2;
try {
referenceError
} catch (e) {
e1 = e
};
try {
referenceError
} catch (e) {
e2 = e
};
expect(e1.sourceURL).toMatch(/webpage-spec.js$/);
expect(e1.line).toBeGreaterThan(1);
expect(e2.line).toEqual(e1.line + 6);
});
});
it("reports the stack of errors", function() {
var helperFile = "./fixtures/error-helper.js";
phantom.injectJs(helperFile);
runs(function() {
function test() {
ErrorHelper.foo()
};
var err;
try {
test()
} catch (e) {
err = e
};
var lines = err.stack.split("\n");
expect(lines[0]).toEqual("ReferenceError: Can't find variable: referenceError");
expect(lines[1]).toEqual(" at bar (./fixtures/error-helper.js:7)");
expect(lines[2]).toEqual(" at ./fixtures/error-helper.js:3");
expect(lines[3]).toMatch(/ at test \(\.\/webpage-spec\.js:\d+\)/);
});
});
it("reports errors that occur in the main context", function() {
var error;
phantom.onError = function(e) { error = e };
runs(function() {
setTimeout(function() { zomg }, 0);
});
waits(0);
runs(function() {
expect(error.toString()).toEqual("ReferenceError: Can't find variable: zomg");
phantom.onError = phantom.defaultErrorHandler;
});
});
it("should set custom headers properly", function() {
var server = require('webserver').create();
server.listen(12345, function(request, response) {
// echo received request headers in response body
response.write(JSON.stringify(request.headers));
response.close();
});
var url = "http://localhost:12345/foo/headers.txt?ab=cd";
var customHeaders = {
"Custom-Key" : "Custom-Value",
"User-Agent" : "Overriden-UA",
"Referer" : "Overriden-Referer"
};
page.customHeaders = customHeaders;
var handled = false;
runs(function() {
expect(handled).toEqual(false);
page.open(url, function (status) {
expect(status == 'success').toEqual(true);
handled = true;
var echoedHeaders = JSON.parse(page.plainText);
// console.log(JSON.stringify(echoedHeaders, null, 4));
// console.log(JSON.stringify(customHeaders, null, 4));
expect(echoedHeaders["Custom-Key"]).toEqual(customHeaders["Custom-Key"]);
expect(echoedHeaders["User-Agent"]).toEqual(customHeaders["User-Agent"]);
expect(echoedHeaders["Referer"]).toEqual(customHeaders["Referer"]);
});
});
waits(50);
runs(function() {
expect(handled).toEqual(true);
server.close();
});
});
it("should pass variables to functions properly", function() {
var testPrimitiveArgs = function() {
var samples = [
true,
0,
"`~!@#$%^&*()_+-=[]\\{}|;':\",./<>?",
undefined,
null
];
for (var i = 0; i < samples.length; i++) {
if (samples[i] !== arguments[i]) {
console.log("FAIL");
}
}
};
var testComplexArgs = function() {
var samples = [
{a:true, b:0, c:"string"},
function() { return true; },
[true, 0, "string"],
/\d+\w*\//
];
for (var i = 0; i < samples.length; i++) {
if (typeof samples[i] !== typeof arguments[i] ||
samples[i].toString() !== arguments[i].toString()) {
console.log("FAIL");
}
}
};
var message;
runs(function() {
page.onConsoleMessage = function (msg) {
message = msg;
};
});
waits(0);
runs(function() {
page.evaluate(function() {
console.log("PASS");
});
page.evaluate(testPrimitiveArgs,
true,
0,
"`~!@#$%^&*()_+-=[]\\{}|;':\",./<>?",
undefined,
null);
page.evaluate(testComplexArgs,
{a:true, b:0, c:"string"},
function() { return true; },
[true, 0, "string"],
/\d+\w*\//);
expect(message).toEqual("PASS");
});
});
});
describe("WebPage construction with options", function () {
it("should accept an opts object", function() {
var opts = {},
page = new WebPage(opts);
expect(typeof page).toEqual('object');
expect(page).toNotEqual(null);
});
describe("specifying clipRect", function() {
var opts = {
clipRect: {
height: 100,
left: 10,
top: 20,
width: 200
}
};
checkClipRect(new WebPage(opts), opts.clipRect);
});
describe("specifying onConsoleMessage", function() {
var message = false,
opts = {
onConsoleMessage: function (msg) {
message = msg;
}
};
var page = new WebPage(opts);
it("should have onConsoleMessage that was specified",function () {
page.evaluate("function () {console.log('test log')}");
expect(message).toEqual("test log");
});
});
describe("specifying onLoadStarted", function() {
var started = false,
opts = {
onLoadStarted: function (status) {
started = true;
}
};
var page = new WebPage(opts);
it("should have onLoadStarted that was specified",function () {
runs(function() {
expect(started).toEqual(false);
page.open("about:blank");
});
waits(0);
runs(function() {
expect(started).toEqual(true);
});
});
});
describe("specifying onLoadFinished", function() {
var finished = false,
opts = {
onLoadFinished: function (status) {
finished = true;
}
};
var page = new WebPage(opts);
it("should have onLoadFinished that was specified",function () {
runs(function() {
expect(finished).toEqual(false);
page.open("about:blank");
});
waits(0);
runs(function() {
expect(finished).toEqual(true);
});
});
});
describe("specifying scrollPosition", function () {
var opts = {
scrollPosition: {
left: 1,
top: 2
}
};
checkScrollPosition(new WebPage(opts), opts.scrollPosition);
});
describe("specifying userAgent", function () {
var opts = {
settings: {
userAgent: "PHANTOMJS-TEST-USER-AGENT"
}
};
var page = new WebPage(opts);
it("should have userAgent as '"+opts.settings.userAgent+"'",function () {
expect(page.settings.userAgent).toEqual(opts.settings.userAgent);
});
});
describe("specifying viewportSize", function () {
var opts = {
viewportSize: {
height: 100,
width: 200
}
};
checkViewportSize(new WebPage(opts), opts.viewportSize);
});
var texts = [
{ codec: 'Shift_JIS', base64: 'g3SDQIOTg2eDgA==', reference: 'ファントム'},
{ codec: 'EUC-JP', base64: 'pdWloaXzpcil4A0K', reference: 'ファントム'},
{ codec: 'ISO-2022-JP', base64: 'GyRCJVUlISVzJUglYBsoQg0K', reference: 'ファントム'},
{ codec: 'Big5', base64: 'pNu2SA0K', reference: '幻象'},
{ codec: 'GBK', base64: 'u8PP8w0K', reference: '幻象'}
];
for (var i = 0; i < texts.length; ++i) {
describe("Text codec support", function() {
var text = texts[i];
var dataUrl = 'data:text/plain;charset=' + text.codec + ';base64,' + text.base64;
var page = new WebPage();
var decodedText;
page.open(dataUrl, function(status) {
decodedText = page.evaluate(function() {
return document.getElementsByTagName('pre')[0].innerText;
});
page.release();
});
it("Should support text codec " + text.codec, function() {
expect(decodedText.match("^" + text.reference) == text.reference).toEqual(true);
});
});
}
});
describe("WebPage should be able to switch frame of execution", function(){
var p = require("webpage").create();
function pageTitle(page) {
return page.evaluate(function(){
return window.document.title;
});
}
function setPageTitle(page, newTitle) {
page.evaluate(function(newTitle){
window.document.title = newTitle;
}, newTitle);
}
it("should load a page full of frames", function(){
runs(function() {
p.open("../test/webpage-spec-frames/index.html");
});
waits(50);
});
it("should be able to detect frames at level 0", function(){
expect(pageTitle(p)).toEqual("index");
expect(p.currentFrameName()).toEqual("");
expect(p.childFramesCount()).toEqual(2);
expect(p.childFramesName()).toEqual(["frame1", "frame2"]);
setPageTitle(p, pageTitle(p) + "-visited");
});
it("should go down to a child frame at level 1", function(){
expect(p.switchToChildFrame("frame1")).toBeTruthy();
expect(pageTitle(p)).toEqual("frame1");
expect(p.currentFrameName()).toEqual("frame1");
expect(p.childFramesCount()).toEqual(2);
expect(p.childFramesName()).toEqual(["frame1-1", "frame1-2"]);
setPageTitle(p, pageTitle(p) + "-visited");
});
it("should go down to a child frame at level 2", function(){
expect(p.switchToChildFrame("frame1-2")).toBeTruthy();
expect(pageTitle(p)).toEqual("frame1-2");
expect(p.currentFrameName()).toEqual("frame1-2");
expect(p.childFramesCount()).toEqual(0);
expect(p.childFramesName()).toEqual([]);
setPageTitle(p, pageTitle(p) + "-visited");
});
it("should go up to the parent frame at level 1", function(){
expect(p.switchToParentFrame()).toBeTruthy();
expect(pageTitle(p)).toEqual("frame1-visited");
expect(p.currentFrameName()).toEqual("frame1");
expect(p.childFramesCount()).toEqual(2);
expect(p.childFramesName()).toEqual(["frame1-1", "frame1-2"]);
});
it("should go down to a child frame at level 2 (again)", function(){
expect(p.switchToChildFrame(0)).toBeTruthy();
expect(pageTitle(p)).toEqual("frame1-1");
expect(p.currentFrameName()).toEqual("frame1-1");
expect(p.childFramesCount()).toEqual(0);
expect(p.childFramesName()).toEqual([]);
});
it("should go up to the main (top) frame at level 0", function(){
expect(p.switchToMainFrame()).toBeUndefined();
expect(pageTitle(p)).toEqual("index-visited");
expect(p.currentFrameName()).toEqual("");
expect(p.childFramesCount()).toEqual(2);
expect(p.childFramesName()).toEqual(["frame1", "frame2"]);
});
it("should go down to (the other) child frame at level 1", function(){
expect(p.switchToChildFrame("frame2")).toBeTruthy();
expect(pageTitle(p)).toEqual("frame2");
expect(p.currentFrameName()).toEqual("frame2");
expect(p.childFramesCount()).toEqual(3);
expect(p.childFramesName()).toEqual(["frame2-1", "frame2-2", "frame2-3"]);
});
});