linjunpop/README.md

## README.md

      
    Raw
  

              README.md
            
          
    HTMLElementObject.click(), which is described here:

http://www.w3schools.com/jsref/met_html_click.asp
https://developer.mozilla.org/en-US/docs/DOM/element.click

works on Safari/Chrome.
But in Casperjs:
➜  casperjs --version
1.0.0-RC1

➜  casperjs test.coffee   
[info] [phantom] Starting...
[info] [phantom] Running suite: 2 steps
[debug] [phantom] opening url: /Users/linjunpop/Desktop/abc/test.html, HTTP GET
[debug] [phantom] Navigation requested: url=file:///Users/linjunpop/Desktop/abc/test.html, type=Other, lock=true, isMainFrame=true
[debug] [phantom] url changed to "file:///Users/linjunpop/Desktop/abc/test.html"
[info] [remote] START click
[info] [remote] [object HTMLHeadingElement]
[debug] [phantom] Successfully injected Casper client-side utilities
[info] [phantom] Step 2/2 file:///Users/linjunpop/Desktop/abc/test.html (HTTP 0)
[debug] [phantom] start page is loaded
[info] [phantom] Step 2/2: done in 211ms.
[info] [phantom] Done 2 steps in 308ms

  
## test.coffee
fs = require 'fs'

casper =
  require('casper').create
    verbose: true
    logLevel: "debug"

casper.start "#{fs.workingDirectory}/test.html"

casper.run()

## test.html
<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>A</title>
  </head>

  <body>
    <h1 id='foo' onclick="alert('clicked'); return false;">hi</h1>
    <script type="text/javascript" charset="utf-8">
      console.log('START click');
      console.log(document.getElementById('foo').toString());
      console.log(document.getElementById('foo').click());
      console.log('END click');
    </script>
  </body>
</html>
	fs = require 'fs'

	casper =
	require('casper').create
	verbose: true
	logLevel: "debug"

	casper.start "#{fs.workingDirectory}/test.html"

	casper.run()
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>A</title>
	</head>

	<body>
	<h1 id='foo' onclick="alert('clicked'); return false;">hi</h1>
	<script type="text/javascript" charset="utf-8">
	console.log('START click');
	console.log(document.getElementById('foo').toString());
	console.log(document.getElementById('foo').click());
	console.log('END click');
	</script>
	</body>
	</html>