Code Monkey home page Code Monkey logo

phantomjs-jasminexml-example's Introduction


WARNING - WARNING - WARNING

When I wrote this the intention was to release an example of integration between PhantomJS, Maven and Jasmine. I had no desire to maintain another project, and I find it surprising how many refer to this as one.

Use this as inspiration, and then take off your way. I have closed the Issue Tracker.

P.S.: Yes, I should have probably released this as a Gist instead...


PhantomJS - Jasmine XML - Example Project Layout

Description

This is an example project layout, that realises JavaScript Unit Testing using Jasmine on the top of PhantomJS.

It is designed to be used standalone or within Maven.

Should work properly with PhantomJS version >=2.2.0.

Use Standalone

$ phantomjs test/phantomjs_jasminexml_runner.js test/test_runner.html xml_output_dir/

This will produce a set of XML outputs, one for every Jasmine Test Suite.

Use within Maven

The project already provides a pom.xml that does the trick. So a simple:

$ mvn test

or

$ mvn clean install

will launch the tests and, if they all pass, make the mvn build pass. If any test fails, the mvn build fails.

Internals

Well, explaining the internals of PhantomJS here is pointless, but to understand how this works, you need to understand a simple idea: PhantomJS provides a main "Javascript Context" from within which, the user is able to spawn a WebPage, effectively creating another "Javascript Context".

The new context has the following characteristics:

  • isolated - the page doesn't know anything about phantom and phantom API
  • controllable - the main phantom context provides API to control/influence the page context

So, how does it work?

The magic is done by 2 scripts:

test/phantomjs_jasminexml_runner.js
test/lib/jasmine-reporters/jasmine.phantomjs-reporter.js

jasmine.phantomjs-reporter.js is a plugin for Jasmine that saves the result of the tests at the bottom of the webpage where the test runs.

phantomjs_jasminexml_runner.js instead runs the show, launches the tests, extracts the result from the page, then saves it to the directory passed (see source).

Happy Testing ;-)

Licensing: Public Domain

The code of this project is relased under Public Domain and as such you are not required to do anything but use and enjoy it.

If, out of good will, want to put somewhere in your work a reference to this project as "inspiration", please feel free. But don't feel any obligation to do so.

phantomjs-jasminexml-example's People

Contributors

adam-lynch avatar detro avatar jvanbouchaute avatar kmahara avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.