title: angularJS $stateProvider : How to unit test different views in UI-Router?
body: <p>How can I unit test different views for the below scenario </p>
  
  <pre><code>.state('app.sr.product.upload', {
              name: 'upload',
              url: '/upload',
              data: {
                  tags: [],
                  userCommunities: []
              },
              views: {
                  "productView@app.sr.product": {
                      templateUrl: 'views/upload/upload.html',
                      controller: 'UploadCtrl',
                      controllerAs: 'ul'
                  },
                  "tags@app.sr.product.upload": {
                      templateUrl: 'views/tags/tags.html',
                      controller: 'TagsCtrl',
                      controllerAs: 'vm'
                  },
                  "UserCommunityPanel@app.sr.product.upload": {
                      templateUrl: 'views/user-community/user-community.html',
                      controller: 'UserCommunityCtrl',
                      controllerAs: 'ul'
                  },
              }
          })
  </code></pre>
  
  <ul>
  <li><p>If my view is <code>tags@app.sr.product.upload</code> then how can I test that
  my controller is TagsCtrl, my controllerAs value is vm etc??</p></li>
  <li><p>How can I unit test if my state is <code>app.sr.product.upload</code> then
  <code>data.tags=[], data.userCommunities=[]</code> etc.</p></li>
  </ul>
  
  <p>I searched for lot of docs and tutorials but didnt get it .</p>
  
  <p>Any help is appreciable.
  Thanks</p>