Setup Jasmine TDD with for Ext JS

Posted on in Environment Ext JS Jasmine TDD
  1. Download Jasmine standalone:

  2. In your ExtJS project folder create a folder: app-test and place it next to the app folder.

  3. In your Ext JS app-test folder, create the following file: app-test.js
    (make sure it stands next to the app.js file.)

  4. Unzip the Jasmine download. Copy the lib folder (which contains jasmine-1.x.x folder) into app-test.

  5. Create in your project folder the file: index-test.html
    With the following markup:

   <meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="app-test/lib/jasmine-1.3.1/jasmine.css">
   <script type="text/javascript" src="ext/ext-debug.js">

   <script type="text/javascript" src="app-test/lib/jasmine-1.3.1/jasmine.js">
   <script type="text/javascript" src="app-test/lib/jasmine-1.3.1/jasmine-html.js">

   <!-- include specs here -->

   <!-- test launcher -->
   <script type="text/javascript" src="app-test/app-test.js">

EDITED: Due, to issues with the wordpress editor, please see:

(I'm using Jasmine version 1.3.1) If you are using a different version, please make sure the framework files are correctly linked.

  1. Now open your browser and navigate to the index-test.html page.
    If everything is correctly installed; you should see a test pass page with: 0 specs, 0 failures in 0s.

You're ready to create your TDD tests.
Read more in the following blogpost:


  1. exfromtheleft says on
    August 12, 2013 at 3:30 pm

    Thank you for sharing this important piuece of knowledge. I ahev a questions though, and i been looking for the answer for a day or two now, is Jasmine compatible as a test framework with EXT-JS 3?

  2. JM says on
    May 2, 2014 at 11:12 am

    Your example is empty ?

    • Lee says on
      May 4, 2014 at 8:04 pm

      Thanks! I’ve fixed the editor.
      Cheers, Lee

  3. Attila Huszko says on
    December 13, 2014 at 7:56 am

    Hello Lee,

    the HTML5 markup in this example does not seem right. I fixed it here:

    • Lee says on
      January 6, 2015 at 6:28 pm

      Thanks Attila!

Post a Comment

Your email is never published nor shared.
Required fields are marked *