\u4ec0\u4e48\u662fCasperJS<\/p>\n
\u5b98\u65b9\u89e3\u91caCasperJS \u662f\u4e00\u4e2a\u5f00\u6e90\u7684\u5bfc\u822a\u811a\u672c\u548c\u6d4b\u8bd5\u5de5\u5177\uff0c\u4f7f\u7528 JavaScript \u57fa\u4e8e PhantomJS \u7f16\u5199\uff0c\u7528\u4e8e\u6d4b\u8bd5 Web \u5e94\u7528\u529f\u80fd\uff0cPhantom JS\u662f\u4e00\u4e2a\u670d\u52a1\u5668\u7aef\u7684 JavaScript API \u7684 WebKit\u3002\u5176\u652f\u6301\u5404\u79cdWeb\u6807\u51c6\uff1a DOM \u5904\u7406, CSS \u9009\u62e9\u5668, JSON, Canvas, \u548c SVG\u3002<\/p>\n
\u5b83\u662f\u4e00\u4e2a\u975e\u5e38\u68d2\u7684\u5de5\u5177\u3002\u975e\u5e38\u7b80\u5355\u7684,\u7528JavaScript\u7f16\u5199,\u6ee1\u8db3\u5404\u79cd\u5404\u6837\u7684\u6d4b\u8bd5\u9700\u6c42,\u5b83\u53ef\u4ee5\u65b9\u4fbf\u548c\u6211\u4eec\u7684\u5f00\u53d1\u73af\u5883\u96c6\u6210. \u5b8c\u7f8e\u7684\u7ec4\u5408\u524d\u7aef\u548c\u540e\u7aef.<\/p>\n
CasperJS\u7b80\u5355\u6765\u8bf4\u5c31\u662f\u4e00\u4e2a\u7f51\u7ad9\u6d4b\u8bd5\u7684\u5de5\u5177\uff0c\u5b89\u88c5CasperJS\u540e\uff0c\u4f60\u53ef\u4ee5\u5728\u547d\u4ee4\u884c\u8fd0\u884c\u4e00\u4e2aJS\u6587\u4ef6\uff0c\u4f8b\u5982\u5728\u63a7\u5236\u53f0\u4e0b\u53ef\u4ee5\u8fd0\u884c\uff0c\u8fd0\u884c\u547d\u4ee4\uff1aC:\\Users\\Administrator>casperjs test d:\/casperjs\/tests\/snap.js \u2013url=https:\/\/www.cnmiss.cn\uff0ccasperjs test\u662f\u6267\u884c\u7684\u547d\u4ee4\uff0csnap.js\u662f\u81ea\u5df1\u7f16\u5199\u7684\u4e00\u4e2aJS\u811a\u672c\uff0c\u2013url=https:\/\/www.cnmiss.cn \u8fd9\u4e2a\u662f\u5411\u811a\u672c\u4e2d\u4f20\u9012\u7684\u53c2\u6570\u3002\u5728snap.js\u811a\u672c\u4e2d\uff0c\u4f60\u53ef\u4ee5\u6a21\u62df\u4f60\u5728\u7f51\u7ad9\u4e0a\u7684\u64cd\u4f5c\uff0c\u901a\u8fc7\u811a\u672c\u7684\u5f62\u5f0f\u5199\u51fa\u6765\u3002\u4f8b\u5982\u767b\u9646\u7f51\u7ad9\uff0c\u6ce8\u518c\u7528\u6237\u7b49\uff0c\u8fd9\u4e9b\u90fd\u662f\u53ef\u4ee5\u5728JS\u811a\u672c\u4e2d\u6a21\u62df\u51fa\u6765\u7684\u3002\u4ee5\u4e0b\u662fsnap.js\u7684\u4e00\u4e2a\u811a\u672c\u7247\u6bb5\u3002<\/p>\n
var BASE_URL = casper.cli.get(‘url’);
\n\/\/ Go to home
\ncasper.test.comment(‘Go to home’);
\ncasper.start(BASE_URL, function() {
\nthis.test.pass(‘Home was loaded’);
\n});
\n\/\/ Go to login page
\ncasper.then(function() {
\nthis.click(‘div.quick-access li.last a’);
\nthis.test.pass(‘login page was loaded’);
\n});
\ncasper.then(function() {
\nthis.click(‘div.account-login div.buttons-set button’);
\nthis.test.pass(‘register page was loaded’);
\n});
\n\/\/ Fill login form and submit
\ncasper.then(function() {
\nthis.test.info(‘Current location is ‘ + this.getCurrentUrl());
\nthis.fill(‘#form-validate’, {
\n‘firstname’: ‘stamba’,
\n‘lastname’: ‘stambic’,
\n’email’: ‘stamba@stamba.com’,
\n‘password’: ‘johndoe123’,
\n‘confirmation’: ‘johndoe123’
\n}, true);
\nthis.test.pass(‘form populated’);
\n});
\n\/\/ Registration goes well
\ncasper.then(function() {
\nthis.test.info(‘Current location is ‘ + this.getCurrentUrl());
\nthis.test.pass(‘Registered’);
\n});
\n\/\/ Account dashboard welcome
\ncasper.then(function() {
\n\/\/this.test.assertTextExists(‘Hello, stamba stambic!’);
\nthis.test.assertTextExists(‘Hello, stamba stambic!’, ‘page body contains “Hello, stamba stambic!”‘);
\nthis.test.info(‘Current location is ‘ + this.getCurrentUrl());
\nthis.test.pass(‘Dashboard in’);
\n});
\ncasper.run(function() {
\nthis.test.done();
\n});<\/p><\/blockquote>\n\u8fd9\u6bb5\u811a\u672c\u7684\u505a\u4f5c\u7528\u662f\u767b\u9646\u7f51\u7ad9\uff0c\u7136\u540e\u6ce8\u518c\u4e00\u4e2a\u7528\u6237\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4ec0\u4e48\u662fCasperJS \u5b98\u65b9\u89e3\u91caCasperJS \u662f\u4e00\u4e2a\u5f00\u6e90\u7684\u5bfc\u822a\u811a\u672c\u548c\u6d4b\u8bd5\u5de5\u5177 … \u7ee7\u7eed\u9605\u8bfb