Step by step Cordova calabash-ios automation

Step by step guide about how to integrate calabash-ios with Cordova in an automated way without opening Apple Xcode.

Note: First try steps given on https://github.com/calabash/calabash-ios.
If those steps aren’t working for you then try following steps. For me only manual steps given on above link worked.
Also this script doesn’t create separate target same as “calabsh-ios setup” command.

I also presume that you have already setup your cordova project and nodejs.
  1. sudo gem install calabash-cucumber If you get any error then try using following command
    sudo ARCHFLAGS=-Wno-error=unused-command-line-argument-hard-error-in-future gem install calabash-cucumber
    reference
  2. Go inside your Cordova project directory npm install xcode
    npm install fs-extra
    npm install underscore
  3. Download script “cordova-calabash-ios.js” from here and paste it inside your cordova project at www level (not inside www).
    (Note: This is very primitive script you can modify it according to your need. Let me know also know when you modify it. I will update your link here)
  4. Downlaod calabsh.framework.

    You may want to modify path to calabash.framework inside above downloaded script. I have added calabash.framework in https://github.com/bharatpatil/cordova-calabash-ios however it is good if you get updated version.
  5. cordova platform add ios
    if not already added.
  6. node cordova-calabash-ios.js
  7. cordova compile ios
  8. APP_BUNDLE_PATH=”platforms/ios/build/emulator/Your ProjectName.app” DEVICE_TARGET=’iPad – Simulator – iOS 7.0′ DEVICE=”ipad” POST_START_BREAK=0 calabash-ios console

    You should be seeing something like
    Running irb…
    irb(main):001:0>
  9. start_test_server_in_background

    This will attempt to start iOS simulator and your app. Wait until it starts simulator and your app.
  10. query(“webView”)

    In output of above command you should be able to see string containing “class” => “UIWebView”.
    Further you can go through https://github.com/calabash/calabash-ios/wiki/06-WebView-Support
If you have any issues please comment below.

Comments

Post a Comment

Popular posts from this blog

How to get local time from UTC using Moment.JS

Image
  Moment.JS is a beautiful javascript library for parsing, validating, manipulating, and formatting dates. This is a must have utility library when it comes to manipulating timestamps and dates in javascript. Here I will show how to get local time if you have a utc date time string. Lets say you have a UTC date-time string as  2014-02-19 05:24:32 AM and you want to determine time in your timezone then use following code: moment.utc('2014-02-19 05:24:32 AM').toDate(); toDate() method gives javascript Date() object. Below I have shared an example of how to use it. You can click on JavaScript link below to see the code.
Read more

6 steps to create local copy of your live WordPress site

I know there are bunch of other posts on how to create local copy of your live WordPress site, however, they are too much descriptive. Here I will show you step by step approach rather than descriptive one. 1. Export your live database into an sql file. 2. Download/Copy your live WordPress site folder to your local machine. 3. Move your downloaded WordPress site files inside local server’s web root. 4. Open exported sql file using notepad or any other editor of your choice and replace “http://www.yoursite.com” with “http://localhost/wordpress” and Save that file. (CAUTION: This file could be very large so replacing might take time. Command for replacing file content on *nix based system.) 5. Import database from that sql file into your local mysql database. 6. Open wp-config.php file which you can find inside your copied WordPress folder. In that file replace DB_NAME with your local WordPress database which you imported in above step. DB_USER with database user name. D...
Read more

Partially rendering Handlerbars from Backbone view

Image
While working on a project I had this situation where I wanted to render a view partially after some ajax is done. In this post I will explain how to render HandlerBar views partially. For the purpose of demonstrate I will simulate delay using setTimeout() function instead of an ajax request. So for an example lets consider following setup 1. Template <script id="PersonTemplate" type="text/x-handlebars-template"> <div> {{firstName}} {{lastName}} <div> <div id="divPartial"> <a href="{{website}}">{{website}}</a> </div> </script> 2. Backbone Model var PersonModel = Backbone.Model.extend({ defaults: { firstName: 'Bharat', lastName: 'Patil', website: '' } }); 3. Backbone view using Handlerbars view var TestView = Backbone.View.extend({ //assign model view instance model: objPerson, //get the...
Read more