CasperJS
Download as PPTX, PDF3 likes2,685 views
CasperJS is an open source navigation scripting and testing utility written in JavaScript that eases the process of defining navigation scenarios and provides functions for common tasks like filling forms, clicking links, taking screenshots, and testing websites. It uses the PhantomJS or SlimerJS headless browsers under the hood. The Casper API provides methods like start(), then(), run(), and exit() to control navigation and run test suites, as well as utilities like fill(), click(), evaluate(), and waitForSelector() to interact with pages.
1 of 15
Downloaded 41 times
![start(), then(), run(), exit()
start()
Signature: start(String url [, Function then])
Configures and starts Casper, then open the provided url and optionally adds the step provided by the then argument
then()
Signature: then(Function then)
run()
Signature: run(fn onComplete[, int time])
Runs the whole suite of steps and optionally executes a callback when they’ve all been done. Obviously, calling this method is
mandatory in order to run the Casper navigation suite.
exit()
Signature: exit([int status])
Exits PhantomJS with an optional exit status code.
Note that the current Casper instance automatically binds the this keyword for you within step functions](https://image.slidesharecdn.com/casperjs-131229222754-phpapp01/85/CasperJS-7-320.jpg)
![casper module – fill
Signature: fill(String selector, Object values[, Boolean submit])
Fills the fields of a form with given values and optionally submits it.
Fields are referenced by their name attribute.](https://image.slidesharecdn.com/casperjs-131229222754-phpapp01/85/CasperJS-10-320.jpg)
![evaluate
Signature: evaluate(Function fn[, arg1[, arg2[, …]]])
Evaluates an expression in the current page DOM context](https://image.slidesharecdn.com/casperjs-131229222754-phpapp01/85/CasperJS-12-320.jpg)
![waitForSelector
Signature: waitForSelector(String selector[, Function then, Function onTimeout, Number
timeout])
Waits until an element matching the provided selector expression exists in remote DOM to
process any next step](https://image.slidesharecdn.com/casperjs-131229222754-phpapp01/85/CasperJS-14-320.jpg)
Recommended
CasperJs Enjoy Functional Testing
CasperJs Enjoy Functional TestingFabien POMEROL CasperJS is an open source functional testing utility written in JavaScript that allows testing and navigation of web pages using a headless WebKit browser. It provides a high level API to programmatically browse pages, fill forms, click links, and assert page content. CasperJS can be used to write automated functional tests to test the integration of different layers of an application from routing to views by testing business rules and page integration. For example, a CasperJS test script is shown that navigates to a site, clicks a link, asserts URL and page content, and verifies specific text is found on the page.
Superfast Automated Web Testing with CasperJS & PhantomJS 
Superfast Automated Web Testing with CasperJS & PhantomJS Hervé Vũ Roussel CasperJS is a navigation scripting and testing utility for PhantomJS that allows testing of web pages and user interactions. It provides functions for navigation, clicking elements, filling forms, taking screenshots, and assertions. CasperJS runs quickly without a browser UI and allows debugging through verbose mode, capturing screenshots, and monitoring network requests and console logs. Tests can be refactored and common functions extracted to improve maintainability.
Testing MeteorJS using CasperJS
Testing MeteorJS using CasperJSStephan Hochhaus This document summarizes a presentation about using the CasperJS testing framework to test dynamic web applications built with Meteor. It discusses the challenges of testing dynamic apps, provides an overview of CasperJS and how it can be used to automate browser tasks and application testing. It also includes examples of using CasperJS to test simple Todo and party apps created with Meteor.
Site Testing with CasperJS
Site Testing with CasperJSJoseph Scott This document discusses using CasperJS for site testing. It provides an overview of CasperJS and PhantomJS, how to install them, CasperJS features like navigation, form filling, screenshot capturing, and testing. It also shows a simple CasperJS script, explains CasperJS is scriptable in JavaScript and CoffeeScript, and provides contact information for the author.
CasperJS and PhantomJS for Automated Testing
CasperJS and PhantomJS for Automated TestingX-Team CasperJS is a browser navigation scripting & testing utility written in Javascript for PhantomJS or SlimerJS.
PhantomJS is a scripted, headless browser used for automating web page interaction. PhantomJS provides a JavaScript API enabling automated navigation, screenshots, user behavior and assertions making it a common tool used to run browser-based unit tests in a headless system like a continuous integration environment. PhantomJS is based on Webkit making it a similar browsing environment to Safari and Google Chrome (before Chrome's fork of webkit evolved into Blink). It is open-source software released under the BSD License.
Presentation by Paul de Paula
Senior Drupal Developer at @ x-team.com
Youtube: https://www.youtube.com/watch?v=WR3Ojcfi-tY
X-Team: http://x-team.com/
casperjs presentation
casperjs presentationAnsviaLab CasperJS is a headless WebKit framework that uses a convenient asynchronous JavaScript API to capture screenshots, fill out and submit forms, and test web pages. It builds on PhantomJS, a headless WebKit browser with a JavaScript API that provides fast support for DOM handling, CSS selectors, JSON, Canvas, and SVG. CasperJS makes it easier and more powerful to scrape and test web pages than using plain JavaScript alone.
Beautiful code instead of callback hell using ES6 Generators, Koa, Bluebird (...
Beautiful code instead of callback hell using ES6 Generators, Koa, Bluebird (...andreaslubbe Avoid the callback hell and improve on promises in node.js and JavaScript by using the new ES6 generators.
This presentation will show you before and after code examples that will illustrate the full benefit of using this new syntax.
Server side scripting smack down - Node.js vs PHP
Server side scripting smack down - Node.js vs PHPMarc Gear Talk given to the audience at to the PHP London User Group June 2011
Rather than a comparison of the two languages this is actually an introduction to Node.js intended to be from the perspective of someone who already knows quite a bit about PHP, covering and comparing common concepts between the two and explaining differences in approaches.
The talk was given in a pub, after several drinks, do please forgive my lax presentation style.
Игорь Фесенко "Web Apps Performance & JavaScript Compilers"
Игорь Фесенко "Web Apps Performance & JavaScript Compilers"Fwdays In this session I will take you through the entire process of application development and how to avoid possible issues on each stage. In a modern world turning an idea into working piece of software is a very complex process, and in this presentation, I will unlock the best practices and the essentials based on real world stories from my practical experience.
During a session I will give you a sense of Typescript, ECMAScript 2015+, JavaScriptServices, application performance management and how to make your life easier with some Node.js based tools.
Continuous Integration for front-end JavaScript
Continuous Integration for front-end JavaScriptLars Thorup Simple demo on setting up continuous integration with GruntJS and PhantomJS of your front-end JavaScript code and Jasmine tests running on Jenkins
System webpack-jspm
System webpack-jspmJesse Warden This document discusses JavaScript module systems including CommonJS, RequireJS, Browserify, ES6 modules, Webpack, and JSPM. It begins with a history of JavaScript modules and loading external scripts. It then covers CommonJS for Node.js, RequireJS for asynchronous loading in browsers, and Browserify for using CommonJS modules in browsers. ES6 modules are described as the standard module solution. Webpack is presented as a module bundler with many features. Finally, JSPM is discussed as a package manager that works with SystemJS to provide modules from npm and GitHub for both browsers and Node.js.
Javascript Test Automation Workshop (21.08.2014)
Javascript Test Automation Workshop (21.08.2014)Deutsche Post The document summarizes a workshop on JS test automation using NightwatchJS and DalekJS. It introduces the presenters and provides an overview of the workshop goals, which are to learn rapid test development from scratch using NightwatchJS and DalekJS and compare them on real-world examples from an ING-DiBa Bank site. The document also covers NightwatchJS and DalekJS setup, examples of tests, assertions and commands, and two case studies to be developed using NightwatchJS.
ServiceWorker: New game changer is coming!
ServiceWorker: New game changer is coming!Chang W. Doh I believe ServiceWorker is one of most important specifications for the next web world. Offline and its technologies are very friendly concepts to native application developers. But, now I think front-end developers have to know that for stepping into new paradigm. With ServiceWorker, you can make your web application can run offline, and it also means you can make your web application load extremely fast.
I've told about ServiceWorker very briefly in this slide. But you can understand how ServiceWorker runs on. If you want to know its usage, I highly recommend Topeka, which is a polymer demo application at google I/O 2014, that also includes material design and ServiceWorker in inside of it.
If you want to know ServiceWorker some more or in detail, I'd like to recommend to read the following, written by Jungkee Song, one of authors of this spec.
http://www.slideshare.net/jungkees/service-workers
Роман Лютиков "Web Apps Performance & JavaScript Compilers"
Роман Лютиков "Web Apps Performance & JavaScript Compilers"Fwdays 1) Web app performance can be improved through code splitting techniques that divide JavaScript bundles into smaller chunks to reduce loading time.
2) Compiler optimizations like tree shaking, constant folding, and dead code elimination can help reduce code size and evaluation time by removing unused code.
3) Code splitting libraries like Webpack allow splitting code at the module or route level to preload important chunks and lazily load others on demand to improve performance.
Running JavaScript Efficiently in a Java World
Running JavaScript Efficiently in a Java Worldirbull J2V8 is an open source Java library that provides bindings to the V8 JavaScript engine. It allows JavaScript code to run efficiently in Java environments and enables tight integration between Java and JavaScript. Key features include exposing the V8 API in Java, mapping JavaScript objects to Java collections, calling Java methods from JavaScript and vice versa, and supporting multi-threaded JavaScript execution. Performance benchmarks show J2V8 runs JavaScript faster than alternatives like Nashorn or Rhino.
NodeJS: n00b no more
NodeJS: n00b no moreBen Peachey A lightweight introduction to NodeJS.
Source code available at github.com/potherca/Presentations/tree/gh-pages/node.js-noob-level
Vagrant plugin development intro
Vagrant plugin development introBudh Ram Gurung Vagrant is a tool for managing virtual machine environments. This document discusses developing plugins for Vagrant using Ruby. It provides instructions for creating a simple "ls" plugin that lists all running VMs. Code snippets demonstrate creating plugin files and classes, registering the command, and executing it to output VM information. The plugin is built and can be installed for use with Vagrant.
Node ppt
Node pptTamil Selvan R S This document provides an overview of Node.js, including common uses, a simple "Hello World" example server, how Node.js is an event-driven platform rather than just a web server, its single-threaded asynchronous architecture based on an event loop, prerequisites for programming in Node.js like understanding callbacks and closures, its module system and use of npm, challenges of asynchronous programming, common patterns and antipatterns, and difficulties of debugging and monitoring Node.js applications.
Module, AMD, RequireJS
Module, AMD, RequireJS偉格 高 This document discusses module patterns in JavaScript and asynchronous module definition (AMD) using RequireJS. It introduces the module pattern as a way to encapsulate code and expose public APIs. AMD and RequireJS are presented as solutions for asynchronously loading JavaScript modules and managing dependencies. Key advantages of the module pattern, AMD and RequireJS include maintaining encapsulation, organizing code into reusable modules, and handling dependency loading order. Challenges with large JavaScript applications using many modules are also addressed.
Nodejs Intro Part One
Nodejs Intro Part OneBudh Ram Gurung Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. It uses event-driven, non-blocking I/O model which makes it lightweight and efficient for data-intensive real-time applications that run across distributed devices. Node.js runs in a single thread without blocking, utilizing callbacks and events to handle concurrency. It is commonly used for building fast and scalable network applications.
Nodejs Intro - Part2 Introduction to Web Applications
Nodejs Intro - Part2 Introduction to Web ApplicationsBudh Ram Gurung This document provides an introduction to web applications using Node.js and Express. It discusses Node.js and its uses for building network applications. It then covers using Express, a web framework for Node.js, including defining RESTful routes and middleware. Examples are given for creating a simple Express app with routes and template rendering. Popular companies using Node.js in production are also listed.
Javascript asynchronous
Javascript asynchronouskang taehun The document demonstrates the JavaScript execution model including the call stack, task queue, and event loop. Code is executed synchronously on the call stack until an asynchronous task like setTimeout is reached, which pushes a callback function to the task queue. The event loop then continually checks the call stack and task queue, executing any queued callbacks after the call stack is empty.
ECMAScript 6 and the Node Driver
ECMAScript 6 and the Node DriverMongoDB ECMAScript 6 (ES6) is getting closer and closer with more support available in both node 0.12.0 and io.js. ES6 promises to fundamentally change the way we develop applications on node.js by allowing for the use of generators for iterators and a standard promises library for orchestrating our asynchronous calls. In this talk we will explore the implications of ES6 for the node driver and applications written on top of the driver.
Node4J: Running Node.js in a JavaWorld
Node4J: Running Node.js in a JavaWorldIan Bull Node.js and server side JavaScript are powerful technologies, although they do not stand on their own in enterprise environments, where Java has been the reigning force for many years. Bridging Node.js and Java provides a much sought after migration path for many Java developers who are moving to their systems to JavaScript. Last year we opened sourced J2V8, a rich set of bindings for Google's V8 JavaScript runtime, this year we built upon that work to bring Node.js to JVM.
In this talk we will introduce Node4J, our NodeJS bindings for the JVM and demonstrate it in action. We will explore the performance characteristics and highlight tools that will help you develop, debug and deploy NodeJS applications running directly on the JVM. We will explain how we integrated NodeJS, with Java through a JNI bridge, and demonstrate how you can use this technology to bridge the gap between JavaScript and Java.
Like a Genie from a Lamp: Headless JavaScript Unit Testing with Jasmine and P...
Like a Genie from a Lamp: Headless JavaScript Unit Testing with Jasmine and P...Rob Friesel Jasmine is a mature BDD test framework for JavaScript, and though powerful and feature-rich in its own right, you are often still shackled to a browser window to conduct your tests. Tools like Selenium WebDriver make automated testing possible, but they are difficult to set up, cumbersome to use, and worst of all slow. Wouldn't it be nice if you could execute your tests as part of your build? And have those tests before completed in seconds? With PhantomJS ("the headless WebKit") that wish has come true. In this talk we will introduce the Jasmine BDD test framework, introduce PhantomJS, and demonstrate how to execute your Jasmine tests in PhantomJS for lightning fast results.
The code and discussion points from this talk appear on Github: https://github.com/founddrama/vt-code-camp-2012
UPDATE (July 2014): this talk became the seed for this book that I wrote: "The PhantomJS Cookbook" - http://goo.gl/NJnFq1
Zombiejs
ZombiejsВиктор Ткаченко Zombie.js is a lightweight framework for testing client-side JavaScript code in a simulated environment. It allows automation of tasks like verifying functional requirements, load testing, and checking databases. Zombie.js runs quickly, is easy to use and understand, supports promises and mainstream test frameworks, and does not require an IDE. It provides APIs for managing the DOM, forms, browser state, and events to simulate user interactions and test JavaScript code in a headless browser environment.
Nodejs intro
Nodejs introNdjido Ardo BAR JavaScript was created in 1995 and became a standard in 1997. Node.js was created in 2009 using Google's V8 JavaScript engine, allowing JavaScript to be used for server-side applications. Node.js is well-suited for building scalable web servers, APIs, and real-time applications due to its asynchronous, non-blocking architecture that uses callbacks and an event loop. Modules are used to add functionality to Node.js applications, and can be installed via the NPM package manager.
Ansible 202 - sysarmy
Ansible 202 - sysarmySebastian Montini Ansible is a simple yet powerful automation engine that uses YAML syntax. It is fast, efficient, and secure as it does not require agents or open ports on servers. Ansible uses inventory to list hosts and groups, modules to define units of work, facts to discover node details, and playbooks to define lists of plays and tasks. Playbooks can use tags to selectively run certain tasks. Roles help organize and reuse groups of tasks. Galaxy allows installing roles from online repositories. Variables precedence determines which value is used. Vault encrypts sensitive files.
Acceptance Testing - Automatisierte Web App Tests mit CasperJS
Acceptance Testing - Automatisierte Web App Tests mit CasperJSBjörn Wilmsmann PhantomJS und das darauf basierende CasperJS sind WebKit-basierte Lösungen, mit denen Web Anwendungen automatisiert getestet werden können. Über JavaScript können damit Navigationsabläufe und Anwendungsfälle aus Nutzersicht abgebildet werden. Acceptance Tests werden so zu einer wertvollen Ergänzung des Testablaufs.
JAVASCRIPT Test Driven Development & Jasmine
JAVASCRIPT Test Driven Development & JasmineAnup Singh The document discusses test driven development and the JavaScript testing framework Jasmine. It provides an overview of unit testing and test driven development processes. It then describes key aspects of Jasmine such as describing test suites and specifications, using matchers and assertions to test expectations, setting up tests using beforeEach and tearing them down using afterEach, creating custom matchers, spying on functions, and handling asynchronous tests. The document aims to introduce readers to testing JavaScript code using the Jasmine framework.
More Related Content
What's hot (20)
Игорь Фесенко "Web Apps Performance & JavaScript Compilers"
Игорь Фесенко "Web Apps Performance & JavaScript Compilers"Fwdays In this session I will take you through the entire process of application development and how to avoid possible issues on each stage. In a modern world turning an idea into working piece of software is a very complex process, and in this presentation, I will unlock the best practices and the essentials based on real world stories from my practical experience.
During a session I will give you a sense of Typescript, ECMAScript 2015+, JavaScriptServices, application performance management and how to make your life easier with some Node.js based tools.
Continuous Integration for front-end JavaScript
Continuous Integration for front-end JavaScriptLars Thorup Simple demo on setting up continuous integration with GruntJS and PhantomJS of your front-end JavaScript code and Jasmine tests running on Jenkins
System webpack-jspm
System webpack-jspmJesse Warden This document discusses JavaScript module systems including CommonJS, RequireJS, Browserify, ES6 modules, Webpack, and JSPM. It begins with a history of JavaScript modules and loading external scripts. It then covers CommonJS for Node.js, RequireJS for asynchronous loading in browsers, and Browserify for using CommonJS modules in browsers. ES6 modules are described as the standard module solution. Webpack is presented as a module bundler with many features. Finally, JSPM is discussed as a package manager that works with SystemJS to provide modules from npm and GitHub for both browsers and Node.js.
Javascript Test Automation Workshop (21.08.2014)
Javascript Test Automation Workshop (21.08.2014)Deutsche Post The document summarizes a workshop on JS test automation using NightwatchJS and DalekJS. It introduces the presenters and provides an overview of the workshop goals, which are to learn rapid test development from scratch using NightwatchJS and DalekJS and compare them on real-world examples from an ING-DiBa Bank site. The document also covers NightwatchJS and DalekJS setup, examples of tests, assertions and commands, and two case studies to be developed using NightwatchJS.
ServiceWorker: New game changer is coming!
ServiceWorker: New game changer is coming!Chang W. Doh I believe ServiceWorker is one of most important specifications for the next web world. Offline and its technologies are very friendly concepts to native application developers. But, now I think front-end developers have to know that for stepping into new paradigm. With ServiceWorker, you can make your web application can run offline, and it also means you can make your web application load extremely fast.
I've told about ServiceWorker very briefly in this slide. But you can understand how ServiceWorker runs on. If you want to know its usage, I highly recommend Topeka, which is a polymer demo application at google I/O 2014, that also includes material design and ServiceWorker in inside of it.
If you want to know ServiceWorker some more or in detail, I'd like to recommend to read the following, written by Jungkee Song, one of authors of this spec.
http://www.slideshare.net/jungkees/service-workers
Роман Лютиков "Web Apps Performance & JavaScript Compilers"
Роман Лютиков "Web Apps Performance & JavaScript Compilers"Fwdays 1) Web app performance can be improved through code splitting techniques that divide JavaScript bundles into smaller chunks to reduce loading time.
2) Compiler optimizations like tree shaking, constant folding, and dead code elimination can help reduce code size and evaluation time by removing unused code.
3) Code splitting libraries like Webpack allow splitting code at the module or route level to preload important chunks and lazily load others on demand to improve performance.
Running JavaScript Efficiently in a Java World
Running JavaScript Efficiently in a Java Worldirbull J2V8 is an open source Java library that provides bindings to the V8 JavaScript engine. It allows JavaScript code to run efficiently in Java environments and enables tight integration between Java and JavaScript. Key features include exposing the V8 API in Java, mapping JavaScript objects to Java collections, calling Java methods from JavaScript and vice versa, and supporting multi-threaded JavaScript execution. Performance benchmarks show J2V8 runs JavaScript faster than alternatives like Nashorn or Rhino.
NodeJS: n00b no more
NodeJS: n00b no moreBen Peachey A lightweight introduction to NodeJS.
Source code available at github.com/potherca/Presentations/tree/gh-pages/node.js-noob-level
Vagrant plugin development intro
Vagrant plugin development introBudh Ram Gurung Vagrant is a tool for managing virtual machine environments. This document discusses developing plugins for Vagrant using Ruby. It provides instructions for creating a simple "ls" plugin that lists all running VMs. Code snippets demonstrate creating plugin files and classes, registering the command, and executing it to output VM information. The plugin is built and can be installed for use with Vagrant.
Node ppt
Node pptTamil Selvan R S This document provides an overview of Node.js, including common uses, a simple "Hello World" example server, how Node.js is an event-driven platform rather than just a web server, its single-threaded asynchronous architecture based on an event loop, prerequisites for programming in Node.js like understanding callbacks and closures, its module system and use of npm, challenges of asynchronous programming, common patterns and antipatterns, and difficulties of debugging and monitoring Node.js applications.
Module, AMD, RequireJS
Module, AMD, RequireJS偉格 高 This document discusses module patterns in JavaScript and asynchronous module definition (AMD) using RequireJS. It introduces the module pattern as a way to encapsulate code and expose public APIs. AMD and RequireJS are presented as solutions for asynchronously loading JavaScript modules and managing dependencies. Key advantages of the module pattern, AMD and RequireJS include maintaining encapsulation, organizing code into reusable modules, and handling dependency loading order. Challenges with large JavaScript applications using many modules are also addressed.
Nodejs Intro Part One
Nodejs Intro Part OneBudh Ram Gurung Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. It uses event-driven, non-blocking I/O model which makes it lightweight and efficient for data-intensive real-time applications that run across distributed devices. Node.js runs in a single thread without blocking, utilizing callbacks and events to handle concurrency. It is commonly used for building fast and scalable network applications.
Nodejs Intro - Part2 Introduction to Web Applications
Nodejs Intro - Part2 Introduction to Web ApplicationsBudh Ram Gurung This document provides an introduction to web applications using Node.js and Express. It discusses Node.js and its uses for building network applications. It then covers using Express, a web framework for Node.js, including defining RESTful routes and middleware. Examples are given for creating a simple Express app with routes and template rendering. Popular companies using Node.js in production are also listed.
Javascript asynchronous
Javascript asynchronouskang taehun The document demonstrates the JavaScript execution model including the call stack, task queue, and event loop. Code is executed synchronously on the call stack until an asynchronous task like setTimeout is reached, which pushes a callback function to the task queue. The event loop then continually checks the call stack and task queue, executing any queued callbacks after the call stack is empty.
ECMAScript 6 and the Node Driver
ECMAScript 6 and the Node DriverMongoDB ECMAScript 6 (ES6) is getting closer and closer with more support available in both node 0.12.0 and io.js. ES6 promises to fundamentally change the way we develop applications on node.js by allowing for the use of generators for iterators and a standard promises library for orchestrating our asynchronous calls. In this talk we will explore the implications of ES6 for the node driver and applications written on top of the driver.
Node4J: Running Node.js in a JavaWorld
Node4J: Running Node.js in a JavaWorldIan Bull Node.js and server side JavaScript are powerful technologies, although they do not stand on their own in enterprise environments, where Java has been the reigning force for many years. Bridging Node.js and Java provides a much sought after migration path for many Java developers who are moving to their systems to JavaScript. Last year we opened sourced J2V8, a rich set of bindings for Google's V8 JavaScript runtime, this year we built upon that work to bring Node.js to JVM.
In this talk we will introduce Node4J, our NodeJS bindings for the JVM and demonstrate it in action. We will explore the performance characteristics and highlight tools that will help you develop, debug and deploy NodeJS applications running directly on the JVM. We will explain how we integrated NodeJS, with Java through a JNI bridge, and demonstrate how you can use this technology to bridge the gap between JavaScript and Java.
Like a Genie from a Lamp: Headless JavaScript Unit Testing with Jasmine and P...
Like a Genie from a Lamp: Headless JavaScript Unit Testing with Jasmine and P...Rob Friesel Jasmine is a mature BDD test framework for JavaScript, and though powerful and feature-rich in its own right, you are often still shackled to a browser window to conduct your tests. Tools like Selenium WebDriver make automated testing possible, but they are difficult to set up, cumbersome to use, and worst of all slow. Wouldn't it be nice if you could execute your tests as part of your build? And have those tests before completed in seconds? With PhantomJS ("the headless WebKit") that wish has come true. In this talk we will introduce the Jasmine BDD test framework, introduce PhantomJS, and demonstrate how to execute your Jasmine tests in PhantomJS for lightning fast results.
The code and discussion points from this talk appear on Github: https://github.com/founddrama/vt-code-camp-2012
UPDATE (July 2014): this talk became the seed for this book that I wrote: "The PhantomJS Cookbook" - http://goo.gl/NJnFq1
Zombiejs
ZombiejsВиктор Ткаченко Zombie.js is a lightweight framework for testing client-side JavaScript code in a simulated environment. It allows automation of tasks like verifying functional requirements, load testing, and checking databases. Zombie.js runs quickly, is easy to use and understand, supports promises and mainstream test frameworks, and does not require an IDE. It provides APIs for managing the DOM, forms, browser state, and events to simulate user interactions and test JavaScript code in a headless browser environment.
Nodejs intro
Nodejs introNdjido Ardo BAR JavaScript was created in 1995 and became a standard in 1997. Node.js was created in 2009 using Google's V8 JavaScript engine, allowing JavaScript to be used for server-side applications. Node.js is well-suited for building scalable web servers, APIs, and real-time applications due to its asynchronous, non-blocking architecture that uses callbacks and an event loop. Modules are used to add functionality to Node.js applications, and can be installed via the NPM package manager.
Ansible 202 - sysarmy
Ansible 202 - sysarmySebastian Montini Ansible is a simple yet powerful automation engine that uses YAML syntax. It is fast, efficient, and secure as it does not require agents or open ports on servers. Ansible uses inventory to list hosts and groups, modules to define units of work, facts to discover node details, and playbooks to define lists of plays and tasks. Playbooks can use tags to selectively run certain tasks. Roles help organize and reuse groups of tasks. Galaxy allows installing roles from online repositories. Variables precedence determines which value is used. Vault encrypts sensitive files.
Viewers also liked (7)
Acceptance Testing - Automatisierte Web App Tests mit CasperJS
Acceptance Testing - Automatisierte Web App Tests mit CasperJSBjörn Wilmsmann PhantomJS und das darauf basierende CasperJS sind WebKit-basierte Lösungen, mit denen Web Anwendungen automatisiert getestet werden können. Über JavaScript können damit Navigationsabläufe und Anwendungsfälle aus Nutzersicht abgebildet werden. Acceptance Tests werden so zu einer wertvollen Ergänzung des Testablaufs.
JAVASCRIPT Test Driven Development & Jasmine
JAVASCRIPT Test Driven Development & JasmineAnup Singh The document discusses test driven development and the JavaScript testing framework Jasmine. It provides an overview of unit testing and test driven development processes. It then describes key aspects of Jasmine such as describing test suites and specifications, using matchers and assertions to test expectations, setting up tests using beforeEach and tearing them down using afterEach, creating custom matchers, spying on functions, and handling asynchronous tests. The document aims to introduce readers to testing JavaScript code using the Jasmine framework.
Intro to testing Javascript with jasmine
Intro to testing Javascript with jasmineTimothy Oxley Testing with Jasmine provides a framework for writing and running unit tests in JavaScript. It uses a behavior-driven development (BDD) style in which each test specifies the expected behavior it is testing using a describe and it blocks. Within the it block, expect statements make assertions about the code being tested using matchers like toEqual. Jasmine provides spies for mocking function calls and stubs. Running tests involves including Jasmine library files and specs in an HTML page and executing them with a simple HTTP server. Jasmine can also be used to test views by creating DOM fixtures and making assertions about the rendered markup.
JavaScript Test-Driven Development with Jasmine 2.0 and Karma 
JavaScript Test-Driven Development with Jasmine 2.0 and Karma Christopher Bartling This document discusses JavaScript test-driven development using Jasmine 2.0 and Karma. It introduces test-driven development principles and benefits, then covers the Karma test runner, PhantomJS browser, and features of the Jasmine testing framework including describe blocks, expectations, matchers, spies, and custom matchers. It also provides an example of mapping earthquakes and testing color-coded circles using magnitude and discusses code coverage and sustaining test-driven practices.
Advanced Jasmine - Front-End JavaScript Unit Testing
Advanced Jasmine - Front-End JavaScript Unit TestingLars Thorup This document discusses advanced techniques for front-end JavaScript unit testing using Jasmine, including mocking methods, constructors, timers, and AJX requests to test code in isolation without dependencies and speed up tests. It also covers spying on events, simulating CSS transitions, using custom matchers, structuring test code, and browser-specific testing. The presenter is Lars Thorup, a software developer and coach who founded ZeaLake and teaches agile and automated testing.
Symfony Best Practices
Symfony Best PracticesBaptiste Donaux Symfony Best Practices présenté par Wanadev (en français), par Baptiste Donaux.
Similar to CasperJS (20)
Casper js
Casper jsAjay Dutta This document provides an overview of CasperJS and PhantomJS. It discusses installing CasperJS and PhantomJS, what they are used for, and how to perform common tasks like filling forms, clicking links, and capturing screenshots. CasperJS builds on PhantomJS by providing methods for defining navigation scenarios and high-level functions. Some key methods include start(), then(), run(), exit(), fill(), click(), evaluate(), and waitForSelector(). The document provides examples of using CasperJS to scrape web content and wait for elements to load asynchronously.
Василевский Илья (Fun-box): "автоматизация браузера при помощи PhantomJS"
Василевский Илья (Fun-box): "автоматизация браузера при помощи PhantomJS"Provectus The document discusses PhantomJS, an open-source headless WebKit browser that allows for automating web page interaction and rendering using JavaScript. It can be used to capture screenshots, render PDFs, and test pages without needing a browser UI. The document provides examples of using PhantomJS to log messages, capture screenshots, and extract data from web pages. It also discusses how PhantomJS integrates with frameworks like Capybara to enable automated testing of web applications.
Laurens Van Den Oever Xopus Presentation
Laurens Van Den Oever Xopus PresentationAjax Experience 2009 The document discusses the challenges and rewards of developing a large JavaScript application with over 120,000 lines of code. It describes the Xopus XML editor framework, including its object-oriented architecture, class loading system, and techniques for improving performance like asynchronous execution and lazy loading of components. The framework aims to provide an application development structure for JavaScript applications in a similar way that Java and C# frameworks work.
Jackson beyond JSON: XML, CSV
Jackson beyond JSON: XML, CSVTatu Saloranta While known for its first-class JSON handling for Java, Jackson is not limited to JSON: with no fewer than 9 supported data formats it can be used for reading and writing data in almost any data format. This talk offers introduction to reading and writing XML and CSV using Jackson.
iOS build that scales
iOS build that scalesTobias Hutzler Building and shipping iOS app could be a real challenge many developers have to solve. While there are plenty of solutions of continuous integration/delivery out there I will give an introduce to our build process and infrastructure based on Jenkins Pipelines and Fastlane running on Macstadium cloud services.
J query b_dotnet_ug_meet_12_may_2012
J query b_dotnet_ug_meet_12_may_2012ghnash The document discusses jQuery, a JavaScript library. It provides information on:
- What jQuery is and its main functionality, including DOM scripting, Ajax, user interface effects, and form validation.
- How to get started with jQuery, including downloading the file, adding it to a page via a script tag, and using common selectors like ID, class, and tag name to select elements.
- Common jQuery methods for manipulating elements, like adding and removing classes, traversing the DOM, making GET/POST requests, and loading content via Ajax.
- Ensuring the document is ready before running jQuery code by using the ready function.
So in summary, the document provides an overview
JavaScript
JavaScriptIvano Malavolta JavaScript basics
JavaScript event loop
Ajax and promises
DOM interaction
JavaScript object orientation
Web Workers
Useful Microframeworks
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
Scala at Netflix
Scala at NetflixManish Pandit My talk at Scala Bay Meetup at Netflix about Powering the Partner APIs with Scalatra and Netflix OSS. This talk was delivered on September 9th 2013, at 8 PM at Netflix, Los Gatos.
KSQL - Stream Processing simplified!
KSQL - Stream Processing simplified!Guido Schmutz KSQL is a stream processing SQL engine, which allows stream processing on top of Apache Kafka. KSQL is based on Kafka Stream and provides capabilities for consuming messages from Kafka, analysing these messages in near-realtime with a SQL like language and produce results again to a Kafka topic. By that, no single line of Java code has to be written and you can reuse your SQL knowhow. This lowers the bar for starting with stream processing significantly.
KSQL offers powerful capabilities of stream processing, such as joins, aggregations, time windows and support for event time. In this talk I will present how KSQL integrates with the Kafka ecosystem and demonstrate how easy it is to implement a solution using KSQL for most part. This will be done in a live demo on a fictitious IoT sample.
JavaScript Web Development
JavaScript Web Developmentvito jeng This document provides an introduction to JavaScript web development. It covers key concepts like AJAX architecture, unobtrusive JavaScript, CSS, and how they interact. JavaScript allows dynamic interaction and filtering of HTML content. The document demonstrates JavaScript features like variables, arrays, objects, JSON, loops, functions, and more. It also discusses advantages of CSS for layout and separation of concerns from HTML.
Ajax tutorial
Ajax tutorialKat Roque This document discusses the Ajaxian framework Prototype and its utilities for asynchronous JavaScript (Ajax). It provides an overview of Prototype's basic utilities for DOM manipulation and Ajax helpers. The Ajax helpers include an Ajax object that handles cross-browser XMLHttpRequests and an Ajax.Request method for making Ajax calls with configurable options and callbacks. An example is given showing how to make an Ajax request and specify a callback function using Ajax.Request.
JBossWS Project by Alessio Soldano
JBossWS Project by Alessio SoldanoJava User Group Roma The JBossWS project is a working example of how the open source development model can lead to real innovation while delivering enterprise level software. JBossWS is a framework for providing webservice features on top of JBoss AS. Instead of just implementing functionalities from scratch, JBossWS provides an integration layer for running three supported open source ws stacks (including Apache CXF and Glassfish Metro) on JBoss Application Server. While this is of course possible thanks to the WS world being quite specified by standards, the whole architecture is interesting because of its ability to both act as a testing framework for the supported stacks as well as the field for delivering additional cross-stack features. I'm going to present in details the architecture layout as well as describe how it allows users to really have an open choice on what stack to run their services on, while getting benefits from common management, tooling, additional features etc. On the other side, I'll introduce and provide samples of how this development model also benefits the supported stacks' communities thanks to the collaboration with them.
April 2010 - JBoss Web Services
April 2010 - JBoss Web ServicesJBug Italy This document discusses JBoss Web Services (JBoss WS), which provides a web services framework that integrates multiple Java web services stacks like Apache CXF and Metro on top of JBoss Application Server versions. It summarizes the benefits of standards and specifications that JBoss WS supports and how its integration of other web services stacks benefits the JBoss community and integrated projects by allowing choices, joint support, and focus on added value rather than reimplementing existing functionality. It also provides overviews of JBoss WS's management, configuration, features, application server integration, and common testing suite.
Calabash-android
Calabash-androidAdnan8990 Calabash-android is a cross-platform mobile automation testing tool for Android and iOS apps that allows running automated acceptance tests written in behavior-driven development (BDD) style. It uses the Cucumber framework and Ruby to write tests and interacts with the app via a test server installed on the device/emulator. Key steps include generating Cucumber feature files from templates, resigning the app, building the test server, and running tests on connected devices/emulators to tap, enter text, and validate elements using the Calabash Ruby API.
Event-driven IO server-side JavaScript environment based on V8 Engine
Event-driven IO server-side JavaScript environment based on V8 EngineRicardo Silva This document contains information about Ricardo Silva's background and areas of expertise. It includes his degree in Computer Science from ISTEC and MSc in Computation and Medical Instrumentation from ISEP. It also notes that he works as a Software Developer at Shortcut, Lda and maintains a blog and email contact for Node.js topics. The document then covers several JavaScript, Node.js and Websockets topics through examples and explanations in 3 sentences or less each.
Introduction to Scalding and Monoids
Introduction to Scalding and MonoidsHugo Gävert This is an quick introduction to Scalding and Monoids. Scalding is a Scala library that makes writing MapReduce jobs very easy. Monoids on the other hand promise parallelism and quality and they make some more challenging algorithms look very easy.
The talk was held at the Helsinki Data Science meetup on January 9th 2014.
Full Stack Scala
Full Stack ScalaRamnivas Laddad This document discusses using Scala for full stack development, with Scala in both the backend and frontend. It provides an overview of using Scala and Scala.js for backend and frontend development, including architectures, frameworks, and techniques. The backend is built with Scala and Spring Boot, using techniques like dependency injection and immutable data structures. The frontend is built with Scala.js and React for the UI, using Flux architecture and immutable data. It also discusses mobile development with Scala and React Native.
Scalable Angular 2 Application Architecture
Scalable Angular 2 Application ArchitectureFDConf This document discusses scalable application architecture. It covers topics like dynamic requirements, using a scalable communication layer with various package formats, handling multiple state mutation sources, building scalable teams, and lazy loading. It provides examples of component architecture using Angular, services, state management with ngrx/redux, immutability with ImmutableJS, and asynchronous logic with RxJS. The goal is to build modular, extensible applications that can handle complex requirements through separation of concerns and well-designed architecture.
[2015/2016] JavaScript![[2015/2016] JavaScript](https://cdn.slidesharecdn.com/ss_thumbnails/04javascript-160321110338-thumbnail.jpg?width=560&fit=bounds)
[2015/2016] JavaScriptIvano Malavolta JavaScript basics
JavaScript event loop
Ajax and promises
DOM interaction
JavaScript object orientation
Web Workers
Useful Microframeworks
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2016.
http://www.ivanomalavolta.com
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...Codemotion The way that banner is rendered is really bland. That animation performance is lackluster to say the least. Maybe you're still unsatisfied with grid. CSS has always suffered from a slow-paced evolution but it's probably coming to an end. Houdini is a project that aims to expose the internals of CSS engines to developers, in order to create new and performant ways to extend CSS. We'll see the current state-of-the-art and some neat examples, to conclude with a glance to what the future holds for us.
More from LearningTech (20)
vim
vimLearningTech The document discusses the basics of using the Vim text editor. It provides an overview of Vim's modes including normal mode commands like h, j, k, l for movement and dd for deleting lines. It also covers insert mode, command mode, and combining commands with quantities. Examples are given for deleting text ranges and repeating commands. The document recommends resources for learning more about Vim.
PostCss
PostCssLearningTech PostCSS is a tool for transforming CSS with JS plugins. It allows you to write CSS and use future CSS syntax now through plugins like Autoprefixer (which adds vendor prefixes), CSSnext (which supports CSS variables and mixins), and PreCSS (which allows Sass-like syntax). Other PostCSS plugins include postcss-sorting (to sort CSS rules), postcss-sprites (to generate image spritesheets), and CSS Modules (to scope CSS to components).
ReactJs
ReactJsLearningTech This document is a tutorial on React js that covers getting started with React, creating components, composing components with properties, adding Markdown, and hooking up components to a data model. It includes sections on your first component, React developer tools, using component properties, adding Markdown, and connecting components to data through multiple steps. The tutorial aims to teach developers how to build React applications.
Docker
DockerLearningTech Docker is an open platform for developing, shipping, and running applications. It enables separating applications from infrastructure so software can be delivered quickly. Docker uses features of the Linux kernel like namespaces and cgroups to deliver functionality. Containers are more lightweight than virtual machines, using less disk space and starting faster, while still providing isolation. Docker uses images and repositories to package and distribute applications. The Dockerfile defines how to build images from a base image and run commands.
Semantic ui
Semantic uiLearningTech Semantic UI is a front-end framework started in 2013 that helps create beautiful and responsive layouts using human-friendly HTML. It treats words and classes as exchangeable concepts, using syntax from natural languages for intuitive class names. Semantic UI includes tools for simplified debugging, intuitive JavaScript behaviors, and customizable themes through an installation process involving Node.js, Gulp, and included files. It has a folder structure for component types and supports custom themes, sitewide defaults, component defaults, and overrides.
node.js errors
node.js errorsLearningTech The document discusses four categories of errors in Node.js - standard JavaScript errors, system errors from underlying OS constraints, user-specified errors from application code, and assertion errors from logic violations. It also covers how errors propagate and can be intercepted using try/catch blocks, callbacks, and EventEmitter events. Errors are handled asynchronously in Node.js and the Error class can be used to create new error objects.
Process control nodejs
Process control nodejsLearningTech The document discusses process control in Node.js using state machines, promises, and generators. It covers using EventEmitter to create a state machine that emits events. It explains how promises are used to handle asynchronous operations and avoid callback hell. Generators are used to pause and resume functions through the yield keyword.
Expression tree
Expression treeLearningTech Expression trees represent code in a tree-like data structure where each node is an expression. This enables dynamic modification of executable code, execution of LINQ queries in various databases, and creation of dynamic queries. Expression trees can be compiled into executable code using the Expression<TDelegate>.Compile() method.
flexbox report
flexbox reportLearningTech CSS Flex Box Layout is a CSS3 web layout model that allows elements within a container to be automatically arranged and resized depending on screen size. It defines flex containers and flex items, with properties that control alignment, order, sizing, and distribution of space. Common flex properties include flex-direction, flex-wrap, justify-content, align-items, and properties for individual flex items like order, flex-grow, and align-self. Flexbox provides more flexible layout options compared to traditional CSS box model properties.
Node child process
Node child processLearningTech The child_process module provides several methods for spawning child processes from Node.js applications including exec, execFile, spawn, and fork. exec spawns a shell and runs a command, passing stdout and stderr to a callback. execFile is similar but spawns directly without a shell. spawn spawns a process and returns a ChildProcess object for sending/receiving messages. fork spawns a new Node.js process and allows sending messages between parent and child.
20160415ken.lee
20160415ken.leeLearningTech This document discusses ShowModalDialog for Chrome, which is a library that aims to provide modal dialog functionality for Chrome similar to IE's ShowModalDialog method. It covers Chrome and IE compatibility issues with modal dialogs and provides examples of using ShowModalDialog for Chrome, including customizing select options and accessing event handlers via jQuery. It also demonstrates using eval() to evaluate JavaScript expressions and executing code on document ready.
Peggy elasticsearch應用
Peggy elasticsearch應用LearningTech The document discusses Elasticsearch concepts and operations including:
1. Field datatypes in Elasticsearch including simple, hierarchical, and specialized types.
2. Search operations using GET and POST, and query syntax including query_string, bool, date range, and nested queries.
3. Additional query parameters like size, from, sort, filter, and aggregations to customize search results.
4. The scan and scroll API for efficiently retrieving large result sets.
Expression tree
Expression treeLearningTech Expression trees represent code in a tree-like data structure where each node is an expression. This enables dynamic modification of executable code, execution of LINQ queries in various databases, and creation of dynamic queries. Expression trees can be compiled into executable code using the Expression<TDelegate>.Compile() method.
D3js learning tips
D3js learning tipsLearningTech D3.js is a JavaScript library for manipulating documents based on data. It allows binding data to the DOM and applying data-driven transformations. The document discusses using D3.js to create force-directed graphs by binding data to SVG elements like paths, circles, and text. Key aspects covered include the D3 force layout to simulate physical forces on nodes, and SVG attributes to define paths, circles, text position and styling.
git command
git commandLearningTech This document provides information on various Git commands including git init, git config, git add, git reset, git commit, git log, git branch, git checkout, git merge, and others. It explains what each command does, such as git init creating an empty Git repository, git config setting user information, git add staging files, and git commit permanently storing file changes. It also covers basic branching and merging workflows.
CasperJS
- 2. CasperJS CasperJS is an open source navigation scripting & testing utility written in Javascript for the PhantomJS WebKit headless browser and SlimerJS (Gecko). It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar
- 3. Doing common tasks such as: defining & ordering browsing navigation steps filling & submitting forms clicking & following links capturing screenshots of a page (or part of it) testing remote DOM logging events downloading resources, including binary ones writing functional test suites, saving results as JUnit XML scraping Web contents
- 4. Installation Prerequisites PhantomJS PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. http://phantomjs.org/download.html CasperJS
- 5. 目標 列舉出目前 IPTECH TW 的目前可檢索的站台
- 6. A minimal scraping script What did we just do? we created a new Casper instance we started it and opened http://casperjs.org/ once the page has been loaded, we asked to print the title of that webpage (the content of its <title> tag) then we opened another url, http://phantomjs.org/ once the new page has been loaded, we asked to print its title too we executed the whole process
- 7. start(), then(), run(), exit() start() Signature: start(String url [, Function then]) Configures and starts Casper, then open the provided url and optionally adds the step provided by the then argument then() Signature: then(Function then) run() Signature: run(fn onComplete[, int time]) Runs the whole suite of steps and optionally executes a callback when they’ve all been done. Obviously, calling this method is mandatory in order to run the Casper navigation suite. exit() Signature: exit([int status]) Exits PhantomJS with an optional exit status code. Note that the current Casper instance automatically binds the this keyword for you within step functions
- 8. start(), then(), run(), exit()
- 9. start(), then(), run(), exit() ?
- 10. casper module – fill Signature: fill(String selector, Object values[, Boolean submit]) Fills the fields of a form with given values and optionally submits it. Fields are referenced by their name attribute.
- 11. click click(Number x, Number y) click(String selector) Performs a click on the first element found matching the provided selector expression or at given coordinates if two numbers are passed selector expression CSS3 selector strings Xpath expressions
- 12. evaluate Signature: evaluate(Function fn[, arg1[, arg2[, …]]]) Evaluates an expression in the current page DOM context
- 13. Understanding evaluate() Think of the evaluate() method as a gate between the CasperJS environment and the one of the page you have opened; Every time you pass a closure to evaluate(), you’re entering the page and execute code as if you were using the browser console.
- 14. waitForSelector Signature: waitForSelector(String selector[, Function then, Function onTimeout, Number timeout]) Waits until an element matching the provided selector expression exists in remote DOM to process any next step
- 15. references http://docs.casperjs.org/en/latest/quickstart.html http://docs.casperjs.org/en/latest/modules/index.html http://docs.casperjs.org/en/latest/modules/casper.html#start http://docs.casperjs.org/en/latest/modules/casper.html#then http://docs.casperjs.org/en/latest/modules/casper.html#run http://docs.casperjs.org/en/latest/modules/casper.html#exit http://docs.casperjs.org/en/latest/modules/casper.html#fill http://docs.casperjs.org/en/latest/selectors.html http://docs.casperjs.org/en/latest/modules/mouse.html#click