Could not select scenario in Protractor

[pezholio]

Hi,

I'm trying to use ng-apimock with Protractor in an Ionic project. After a few false starts, I think I'm almost there, but I'm getting the error Could not select scenario [get-single-case] thrown when trying to use my mocks.

Here's my protractor.conf.js:

// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts

const { SpecReporter } = require('jasmine-spec-reporter');

exports.config = {
  allScriptsTimeout: 11000,
  specs: [
    './src/**/*.e2e-spec.ts'
  ],
  capabilities: {
    'browserName': 'chrome'
  },
  directConnect: true,
  baseUrl: 'http://localhost:4200/',
  framework: 'jasmine',
  jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 30000,
    print: function() {}
  },
  onPrepare() {
    require('ts-node').register({
      project: 'e2e/tsconfig.e2e.json'
    });

    var ngApimock = require('ng-apimock')();

    ngApimock.run({
      "src": "e2e/mocks",
    });

    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
    browser.ngApimock = require('../.tmp/mocks/protractor.mock.js');
  },
  ngApimockOpts: {
    angularVersion: 6,
    hybrid: false
  }
};

And here's a mock:

{
  "expression": "/cases/fdaacd04-7125-117a-ac6d-45a68b1d5de1",
  "method": "GET",
  "name": "case",
  "responses": {
    "get-single-case": {
      "default": true,
      "status": 200,
      "data": {
      ...
      }
    }
  }
}

(I've left the actual data out for brevity)

And here's my tests:

import { CasePage } from './case.po';
import { browser, ExpectedConditions, $ } from 'protractor';

describe('Case information', () => {
  let page: CasePage;

  beforeEach(() => {
    browser['ngApimock'].selectScenario('case', 'get-single-case');
    page = new CasePage();
    page.get();
  });

  describe('Listing cases', () => {
    it('should list cases', () => {
      var cases = page.getListofCases();
      expect(cases.count()).toEqual(20);
    });
  });

  describe('Show case detail', () => {
    it('should show case information', () => {
      page.clickFirstCase().then(function() {
        expect(page.getHeaderText()).toMatch(/Visit details/);
      });
    })
  });
});

Any help would be appreciated!

[mdasberg]

@pezholio could you try and chain your selectScenario promise. It is an async call so it could be that the scenario has not been set yet befor you doe a page.get()

[pezholio]

I've tried this in my page object:

browser['ngApimock'].selectScenario('case', 'get-single-case').then(function() {
  this.navigateTo('/cases/fdaacd04-7125-117a-ac6d-45a68b1d5de1');
});

And I still get the same Could not select scenario [get-single-case] error

[pezholio]

Here's some more detailed output:

Jasmine started

  Case information

    Show case detail
      ✓ should show case information

Executed 1 of 1 spec SUCCESS in 0.014 sec.
[11:47:58] E/launcher - Could not select scenario [get-single-case]
[11:47:58] E/launcher - Error: Could not select scenario [get-single-case]
    at process.on (/Users/stuart/Documents/FamilyStoryUI/fsIonic/node_modules/protractor/built/launcher.js:177:52)
    at process.emit (events.js:180:13)
    at process.emit (/Users/stuart/Documents/FamilyStoryUI/fsIonic/node_modules/protractor/node_modules/source-map-support/source-map-support.js:439:21)
    at process.emit (/Users/stuart/Documents/FamilyStoryUI/fsIonic/node_modules/source-map-support/source-map-support.js:461:21)
    at process._fatalException (internal/bootstrap/node.js:391:27)
[11:47:58] E/launcher - Process exited with error code 199

Weirdly, the test seems to pass, but I don't see any output in Chrome

[marcioferlan]

@pezholio can you please share the setup for running ng-apimock on your Ionic 3 project? Like the dependencies you installed, the setup for tslint, protractor and jasmine.. as well as a simple test case in which you managed to select the scenario properly? I'm trying it for a couple hours now with no success yet. Thanks in advance!

[pezholio]

Thanks, but I ended up going down a different route for this, using a live test API, and creating/deleting everything I needed as part of the setup/teardown routine.

[julissamackey]

Hi @marcioferlan @mdasberg I am also receiving this error using Protractor

Could not select scenario [success] thrown

Here is my setup: My Protractor Config

const { SpecReporter } = require('jasmine-spec-reporter');

exports.config = {
    allScriptsTimeout: 30000,
    specs: [
        './source/client/test/ui-tests/spec-files/*/*.ui-spec.ts'
    ],
    capabilities: {
        browserName: 'chrome',
        chromeOptions: {
            // args: ["--headless", "--disable-gpsu"] 
        }
    },
    directConnect: true,
    jasmineNodeOpts: {
        showColors: true,
        defaultTimeoutInterval: 60000,
        print: function () { }
    },
    onPrepare() {

        require('ts-node').register({
            project: './source/client/test/ui-tests/tsconfig.e2e.json'
        });

        jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));

        var ngApimock = require('ng-apimock')();
        ngApimock.run({
            "src": "./source/client/test/ui-tests/mock-api-responses",
          });
        browser.ngApimock = require('./.tmp/mocks/protractor.mock.js');

    },
    ngApimockOpts: {
        angularVersion: 7,
        hybrid: false
    },
    specReporter: {
        maxLogLines: 5,  // limit number of lines logged per test
        suppressErrorSummary: false,  // do not print error summary
        suppressFailed: false,  // do not print information about failed tests
        suppressPassed: false,  // do not print information about passed tests
        suppressSkipped: true,  // do not print information about skipped tests
        showSpecTiming: false // print the time elapsed for each spec
    }
};

My mock

{
    "expression": "/billing/customers/search",
    "method": "POST",
    "body": {"LastName":"kop"},
    "name": "partialNameMatch",
    "responses": {
      "success": {
        "default": true, 
        "status": 200, 
        "headers": {},
        "data": {"Customers": [--omitted for brevity --]}, 
        "delay": 2000
      }
    }
  }

Where I am selecting the scenario [ Page Object ]

navigateToSubscriberSearch(){
        return browser['ngApimock'].selectScenario('partialNameMatch', 'success').then(()=>{
            browser.get('/subscribers/search');
        });
    }

Any thoughts?