vows = require 'vows'
assert = require 'assert'
phantom = require '../phantom'
express = require 'express'
temp = require 'temp'
path = require 'path'
fs = require 'fs'
describe = (name, bat) -> vows.describe(name).addBatch(bat).export(module)
# Make coffeescript not return anything
# This is needed because vows topics do different things if you have a return value
t = (fn) ->
->
fn.apply this, arguments
return
app = express()
app.get '/', (req, res) ->
res.send """
Test page title
Some page content
"""
appServer = app.listen()
describe "Pages",
"A Phantom page":
topic: t ->
phantom.create {port: 12303}, (ph) =>
ph.createPage (page) =>
@callback null, page, ph
"can open a URL on localhost":
topic: t (page) ->
page.open "http://127.0.0.1:#{appServer.address().port}/", (status) =>
@callback null, page, status
"and succeed": (err, page, status) ->
assert.equal status, "success"
"and the page, once it loads,":
topic: t (page, status) ->
setTimeout =>
@callback null, page
, 1500
"has a title":
topic: t (page) ->
page.evaluate (-> document.title), (title) =>
@callback null, title
"which is correct": (title) ->
assert.equal title, "Test page title"
"has cookies":
topic: t (page) ->
page.getCookies (cookies) =>
@callback null, cookies
"which works correctly": (cookies) ->
assert.ok cookies, "cookies should not be empty"
"can inject Javascript from a file":
topic: t (page) ->
page.injectJs 'test/inject.js', (success) =>
@callback null, success
"and succeed": (success) ->
assert.ok success, "Injection should return true"
"can evaluate DOM nodes":
topic: t (page) ->
page.evaluate (-> document.getElementById('somediv')), (node) =>
@callback null, node
"which match": (node) ->
assert.equal node.tagName, 'DIV'
assert.equal node.id, 'somediv'
"can evaluate scripts defined in the header":
topic: t (page) ->
page.evaluate (-> $('#somediv').html()), (html) =>
@callback null, html
"which return the correct result": (html) ->
html = html.replace(/\s\s+/g, "")
assert.equal html, '
Some page content
'
"can set a nested property":
topic: t (page) ->
page.set 'settings.loadPlugins', true, (oldVal) =>
@callback null, page, oldVal
"and get it again":
topic: t (page, oldVal) ->
page.get 'settings.loadPlugins', (val) =>
@callback null, oldVal, val
"and they match": (err, oldVal, val) ->
assert.equal oldVal, val
"can simulate clicks on page locations":
topic: t (page) ->
page.sendEvent 'click', 133, 133
page.evaluate (-> window.i_got_clicked), (clicked) =>
@callback null, clicked
"and have those clicks register": (clicked) ->
assert.ok clicked
###
"can register an onAlert handler":
topic: t (page) ->
page.set 'onAlert', (msg) =>
@callback null, msg
page.evaluate (-> alert "Hello, world!")
"which works correctly": (msg) ->
assert.equal msg, "Hello, world!"
###
###
"can register an onConsoleMessage handler":
topic: t (page) ->
page.set 'onConsoleMessage', (msg) =>
@callback null, msg
page.evaluate (-> console.log "Hello, world!")
"which works correctly": (msg) ->
assert.equal msg, "Hello, world!"
###
"can register an onConsoleMessage handler":
topic: t (page) ->
page.onConsoleMessage (msg) =>
@callback null, msg
page.evaluate (-> console.log "Hello, world!")
"which works correctly": (msg) ->
assert.equal msg, "Hello, world!"
"can register an onError handler":
topic: t (page) ->
page.onError (msg) =>
@callback null, msg
page.evaluate (-> eval "syntaxerror[")
"which works correctly": (msg) ->
assert.equal msg, "SyntaxError: Parse error"
"can render the page to a file":
topic: t (page) ->
fileName = temp.path suffix: '.png'
page.render fileName, =>
@callback null, fileName
"which is created": (fileName) ->
assert.ok fs.existsSync(fileName), "rendered image should exist"
teardown: (fileName) ->
fs.unlink fileName
# Based on https://github.com/ariya/phantomjs/blob/eddb0db1d253fd0c546060a4555554c8ee08c13c/test/webpage-spec.js
"can set the file to upload when the file picker is invoked (i.e. clicking on a 'input[type=file]')":
topic: t (page) ->
fileToUpload = if /^win/.test(process.platform) then 'C:\\Windows\\System32\\drivers\\etc\\hosts' else '/etc/hosts'
page.setFileOnPicker fileToUpload
page.evaluate (->
upFile = document.querySelector('input[name=upfile]')
ev = document.createEvent('MouseEvents')
ev.initEvent('click', true, true)
upFile.dispatchEvent(ev)
), => @callback null, page, fileToUpload
"which":
topic: t (page, fileToUpload) ->
page.evaluate (-> document.querySelector('input[name=upfile]').files[0].name ), (fileName) =>
@callback null, fileName, fileToUpload
"matches with the passed filename": (err, fileName, fileToUpload) ->
assert.ok fileToUpload.indexOf(fileName) > -1
teardown: (page, ph) ->
appServer.close()
ph.exit()