diff --git a/phantomjs-node/phantomjs-node-tests.ts b/phantomjs-node/phantomjs-node-tests.ts new file mode 100644 index 0000000000..3edeaf74b3 --- /dev/null +++ b/phantomjs-node/phantomjs-node-tests.ts @@ -0,0 +1,168 @@ +/// + +import phantom = require("phantom"); + +phantom.create((ph: phantom.PhantomJS): void => { + ph.createPage((page): void => { + page.open("http://www.google.com", (status: string): void => { + console.log("opened google? ", status); + page.evaluate((): string => { + return document.title; + }, (result: string): void => { + console.log('Page title is ' + result); + ph.exit(); + }); + }); + }); +}); + + +var _ph: phantom.PhantomJS; +phantom.create("--web-security=no", "--ignore-ssl-errors=yes", { port: 12345 }, (ph) => { + console.log("Phantom Bridge Initiated"); + _ph = ph; +}); +var _page: phantom.WebPage; +_ph.createPage((page) => { + console.log("Page created!"); + _page = page; +}); + +_page.open("http://www.google.com", function (status) { + if (status == "success") { + console.log("Page is open!"); + _page.close(); + } +}); + +_page.evaluate(function() { + var title = (document.querySelector("title")).innerText + console.log("The page title is " + title) +}) +_page.evaluate(function(selector) { + var text = (document.querySelector(selector)).innerText + console.log(selector + " contains the following text: " + text) +}, function(result) {}, "title") +_page.evaluate(function(selector) { + var text = (document.querySelector(selector)).innerText + return text +}, function(result) { + console.log("The element contains the following text: " + result) +}, "title"); + + +_page.set('viewportSize', { width: 1920, height: 1080 }, function (result) { + console.log("Viewport set to: " + result.width + "x" + result.height); +}); +_page.set('onConsoleMessage', function (msg: string) { + console.log("Phantom Console: " + msg); +}); +_page.set('onUrlChanged', function(url: string) { + console.log("New URL: "+url); +}); +_page.set('onResourceRequested', function () { + console.log("Resource requested.."); +}); +_page.set('onResourceReceived', function (res: any) { + if (res.stage == 'end') { + console.log("Resource received!") + } +}); +_page.set('onLoadStarted', function () { + console.log("Loading started"); +}); +_page.set('onLoadFinished', function (status: string) { + console.log("Loading finished, the page is " + ((status == "success") ? "open." : "not open!")); +}); +_page.set('settings.loadImages', false); +_page.set('settings.resourceTimeout', 1000); + + +_page.set('settings.viewportSize', { + width : 1920, + height : 1080 +}); +_page.open("http://google.co.jp", (status) => { + _page.render("/tmp/google-top.jpg", { + format : 'jpeg', + quality : '80' + }); + _ph.exit(); +}); + + +phantom.create((ph) => { + ph.addCookie('cookie_name', 'cookie_value', 'localhost', () => {}); + ph.getCookies((cookies) => {}); + + ph.createPage((page) => { + page.set('Referer', 'http://google.com'); + page.set('settings.userAgent', 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1'); + + page.open("http://localhost:9901/cookie", (status) => { + var someFunc = (aaa: string, my_obj: Object) => { + var attribute_to_want = aaa; + var h2Arr: string[] = []; + var results = document.querySelectorAll(attribute_to_want); + for (var i = 0, len = results.length; i < len; ++i) { + var result = results[i]; + h2Arr.push(result.innerText); + } + return { + h2: h2Arr, + aaa: this.arguments, + obj: my_obj + }; + }; + var finishedFunc = (result: any) => { + ph.exit(); + }; + page.evaluate(someFunc, finishedFunc, 'div', {wahtt: 111}); + }); + }); + + ph.createPage((page) => { + page.open('http://www.phantomjs.org', (status) => { + if (status === 'success') { + page.includeJs('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', () => { + page.injectJs('do.js', (res) => { + page.evaluate(() => { + return document.title; + }, (title: string) => { + console.log(title); + ph.exit(); + }); + }); + }); + + page.sendEvent('click', 350, 320); + page.sendEvent('click', 350, 320, 'right'); + page.sendEvent('keypress', 'A', null, null, 0x02000000 | 0x08000000); + page.sendEvent('keypress', 'A'); + + page.setViewportSize(800, 640); + page.setPaperSize({ + width: '200px', + height: '300px', + margin: '0px' + }); + page.setPaperSize({ + format: 'A4', + orientation: 'portrait', + margin: '1cm' + }); + page.setPaperSize({ + width: '5in', + height: '7in', + margin: { + top: '50px', + left: '20px' + } + }); + page.setZoomFactor(0.25); + } + }); + }); +}); + + diff --git a/phantomjs-node/phantomjs-node.d.ts b/phantomjs-node/phantomjs-node.d.ts new file mode 100644 index 0000000000..8f491072fe --- /dev/null +++ b/phantomjs-node/phantomjs-node.d.ts @@ -0,0 +1,78 @@ +// Type definitions for PhantomJS bridge for NodeJS 0.7.0 +// Project: https://github.com/sgentle/phantomjs-node +// Definitions by: horiuchi +// Definitions: https://github.com/borisyankov/DefinitelyTyped + +declare module "phantom" { + + function create(callback: (ph: PhantomJS) => void): void; + function create(options: ICreateOptions, callback: (ph: PhantomJS) => void): void; + function create(arg: string, callback: (ph: PhantomJS) => void): void; + function create(arg: string, options: ICreateOptions, callback: (ph: PhantomJS) => void): void; + function create(arg1: string, arg2: string, callback: (ph: PhantomJS) => void): void; + function create(arg1: string, arg2: string, options: ICreateOptions, callback: (ph: PhantomJS) => void): void; + function create(arg1: string, arg2: string, arg3: string, callback: (ph: PhantomJS) => void): void; + function create(arg1: string, arg2: string, arg3: string, options: ICreateOptions, callback: (ph: PhantomJS) => void): void; + + interface PhantomJS { + createPage(callback: (page: WebPage) => void): void; + exit(returnValue?: number): void; + injectJs(filename: string, callback?: (result: boolean) => void): void; + + addCookie(name: string, value: string, domain: string, callback?: (res: boolean) => void): void; + clearCookies(callback?: () => void): void; + getCookies(callback: (cookies: { name: string; value: string; domain?: string; }[]) => void): void; + } + + interface WebPage { + open(url: string, callback: (status: string) => void): void; + close(): void; + + get(key: string, callback: (result: any) => void): void; + set(key: string, value: any, callback?: (result: any) => void): void; + setHeaders(headers: Object, callback?: () => void): void; + setViewportSize(width: number, height: number, callback?: () => void): void; + setPaperSize(options: IPaperSizeOptions, callback?: () => void): void; + setZoomFactor(factor: number, callback?: () => void): void; + + evaluate(callback: () => void): void; + evaluate(callback: () => R, returnCallback: (result: R) => void): void; + evaluate(callback: (arg: T) => void, returnCallback: () => void, arg: T): void; + evaluate(callback: (arg: T) => R, returnCallback: (result: R) => void, arg: T): void; + evaluate(callback: (arg1: T1, arg2: T2) => R, returnCallback: (result: R) => void, arg1: T1, arg2: T2): void; + evaluate(callback: (arg1: T1, arg2: T2, arg3: T3) => R, returnCallback: (result: R) => void, arg1: T1, arg2: T2, arg3: T3): void; + includeJs(url: string, callback?: () => void): void; + injectJs(filename: string, callback?: (res: boolean) => void): void; + sendEvent(mouseEventType: string, mouseX: number, mouseY: number, button?: string): void; + sendEvent(keyboardEventType: string, key: string, null1?: void, null2?: void, modifier?: number): void; + uploadFile(selector: string, filename: string): void; + + render(filename: string, callback?: () => void): void; + render(filename: string, options?: { format?: string; quality?: string; }, callback?: () => void): void; + renderBase64(type: string, callback: (data: string) => void): void; + + goBack(): void; + goForward(): void; + reload(): void; + + getContent(callback: (content: string) => void): void; + setContent(html: string, url: string, callback?: (status: string) => void): void; + getCookies(callback: (cookies: { name: string; value: string; domain?: string; }[]) => void): void; + } + + interface ICreateOptions { + binary?: string; + hostname?: string; + path?: string; + port?: number; + } + interface IPaperSizeOptions { + width?: string; + height?: string; + format?: string; + orientation?: string; + margin?: any; // string | { top?: string; left?: string; bottom?: string; right?: string; } + } + +} +