title: Angular Protractor: How to ensure that "no specs found" error does not happen?
body: <p>While I was doing the tutorial of <strong>AngularJS protractor testing</strong> from <a href="https://docs.angularjs.org/tutorial/step_02" rel="nofollow noreferrer">https://docs.angularjs.org/tutorial/step_02</a> , I get the error message as <strong>"no specs found"</strong>, when I run the e2e test. This means the e2e test is not happening. I am new to protractor and I have come across similar questions in stack overflow but those did not really solve my problem. </p>
  
  <p>I am not sure if I am missing any configuration or if I am issuing the command from the wrong directory. My <strong>question</strong> is how do I ensure that "no specs found" error does not happen?</p>
  
  <p>I ran the command in /angular-phonecat/app directory as: npm run protractor</p>
  
  <p>The folder structure of the project is as follows:</p>
  
  <pre><code> angular-phonecat
       |_____app
            |_____app.js
            |_____app.spec.js
            |_____index.html
       |_____e2e-tests
             |_____protractor.conf.js
  </code></pre>
  
  <p>This is the content of <strong>app.spec.js</strong>:</p>
  
  <pre><code>'use strict';
  
  describe('PhoneListController', function() {
  
    beforeEach(module('phonecatApp'));
  
    it('should create a `phones` model with 3 phones', inject(function($controller) {
      var scope = {};
      var ctrl = $controller('PhoneListController', {$scope: scope});
  
      expect(scope.phones.length).toBe(3);
    }));
  
  });
  </code></pre>
  
  <p><strong>Protractor.conf.js</strong> is as follows:</p>
  
  <pre><code>//jshint strict: false
  exports.config = {
  
    allScriptsTimeout: 11000,
  
    specs: [
      '*.js'
    ],
  
    capabilities: {
      'browserName': 'chrome'
    },
  
    baseUrl: 'http://localhost:8000/',
  
    framework: 'jasmine',
  
    jasmineNodeOpts: {
      defaultTimeoutInterval: 30000
    }
  
  };
  </code></pre>