![Build Status](https://travis-ci.org/stonelasley/ionic-mocks)

ionic-mocks

Simple test doubles for Ionic 2+ using Jasmine Spy Objects

This project is still very early in development and there are several things I'm sorting out. However since this is only meant
to be used in your tests it should be safe to pull into a project.

Supported Types

- ActionSheet
- ActionSheetController
- Alert
- AlertController
- App
- Content
- Config
- Events
- Form
- Haptic
- InfiniteScroll
- ItemSliding
- KeyBoard - exported as IonKeyboard
- Loading
- LoadingController
- Menu
- MenuController
- Modal
- ModalController
- Platform
- Popover
- PopoverController
- NavController
- NavParams
- StatusBar
- Storage
- Tab
- Tabs
- Toast
- ToastController
- ViewController

Native Plugins

- 3DTouch
- File
- GoogleAnalyics
- Keyboard
- Network
- NFC
- Splashscreen
- StatusBar
- Vibration

Installation

bash

npm install --save-dev ionic-mocks

$3

typescript

import {Events, AlertController} from 'ionic-angular';

import {EventsMock, AlertControllerMock} from 'ionic-mocks';



describe('MyClass', () => {



    let events: Events;

    let alertCtrl: AlertController;



    let classUnderTest: MyClass;



    beforeEach(() => {



        events = EventsMock.instance();

        alertCtrl = AlertControllerMock.instance();



        classUnderTest = new MyClass(events, alertCtrl);

    });





    it('should subscribe to events', () => {

    	expect(events.subscribe).toHaveBeenCalled();

    });



    it('should call alert create', () => {



        classUnderTest.showAlert();



        expect(alertCtrl.create).toHaveBeenCalled();

    });

});

$3

typescript

import {Events, AlertController, Alert} from 'ionic-angular';

import {EventsMock, AlertControllerMock, AlertMock} from 'ionic-mocks';



describe('MyComponent', () => {



    let alert: Alert;

    let events: Events;

    let alertCtrl: AlertController;



    let classUnderTest: MyClass;



    beforeEach(() => {



        events = EventsMock.instance();

        alert = AlertMock.instance():

        alertCtrl = AlertControllerMock.instance(alert);



        classUnderTest = new MyClass(events, alertCtrl);

    });





    it('should call present on alert', (done) => {



        classUnderTest.showAlert().then(() => {

            expect(alert.present).toHaveBeenCalled();

            done();

        });



    });

});

$3

typescript

TestBed.configureTestingModule({

    imports: [IonicModule],

    declarations: [MyComponentUnderTest],

    providers: [

            {provide: ViewController, useFactory: () => ViewControllerMock.instance()}

    ]

});



Contributing

This project has a long way to go and is full of opportunities to contribute.

I am back in school and working so for the rest of the year expect my responsiveness on this project to be slow. If anyone is up to helping vet PRs please message me. sclarklasley@gmail.com



Contributors

  - Felix Whittmann

  - Leif Wells

  - Jesus Botella

  - Damir Arh

  - Rvdleun

  - Andrey Zakharov

  - Peter Svehla



$3



#### Q: I am receiving a

TypeError: jit__object_Object_33 is not a function

 error. What does that mean?



Answer: This means you've done something wrong. Take a look at this example:

ts

// DO NOT DO THIS

// USING useClass INSTEAD OF useFactory IS INCORRECT

{ provide: App, useClass: AppMock }

ts

// DO NOT DO THIS

// USING useFactory WITHOUT THE FAT ARROW SYNTAX IS INCORRECT

{ provide: App, useFactory: AppMock.instance() }





Make sure you are using the

useFactory

 property name and using the fat arrow function as the value:

ts

// DO THIS

{ provide: App, useFactory: () => AppMock.instance() }

Installation

bash
npm install --save-dev ionic-mocks

$3

typescript
import {Events, AlertController} from 'ionic-angular';
import {EventsMock, AlertControllerMock} from 'ionic-mocks';

describe('MyClass', () => {

let events: Events;
let alertCtrl: AlertController;

let classUnderTest: MyClass;

beforeEach(() => {

events = EventsMock.instance();
alertCtrl = AlertControllerMock.instance();

classUnderTest = new MyClass(events, alertCtrl);
});

it('should subscribe to events', () => {
expect(events.subscribe).toHaveBeenCalled();
});

it('should call alert create', () => {

classUnderTest.showAlert();

expect(alertCtrl.create).toHaveBeenCalled();
});
});

$3

typescript
import {Events, AlertController, Alert} from 'ionic-angular';
import {EventsMock, AlertControllerMock, AlertMock} from 'ionic-mocks';

describe('MyComponent', () => {

let alert: Alert;
let events: Events;
let alertCtrl: AlertController;

let classUnderTest: MyClass;

beforeEach(() => {

events = EventsMock.instance();
alert = AlertMock.instance():
alertCtrl = AlertControllerMock.instance(alert);

classUnderTest = new MyClass(events, alertCtrl);
});

it('should call present on alert', (done) => {

classUnderTest.showAlert().then(() => {
expect(alert.present).toHaveBeenCalled();
done();
});

});
});

$3

typescript
TestBed.configureTestingModule({
imports: [IonicModule],
declarations: [MyComponentUnderTest],
providers: [
{provide: ViewController, useFactory: () => ViewControllerMock.instance()}
]
});

Contributing

This project has a long way to go and is full of opportunities to contribute.
I am back in school and working so for the rest of the year expect my responsiveness on this project to be slow. If anyone is up to helping vet PRs please message me. sclarklasley@gmail.com

Contributors

- Felix Whittmann
- Leif Wells
- Jesus Botella
- Damir Arh
- Rvdleun
- Andrey Zakharov
- Peter Svehla

$3

#### Q: I am receiving a

error. What does that mean?

Answer: This means you've done something wrong. Take a look at this example:

ts
// DO NOT DO THIS
// USING useClass INSTEAD OF useFactory IS INCORRECT
{ provide: App, useClass: AppMock }

ts
// DO NOT DO THIS
// USING useFactory WITHOUT THE FAT ARROW SYNTAX IS INCORRECT
{ provide: App, useFactory: AppMock.instance() }

Make sure you are using the

property name and using the fat arrow function as the value:

ts
// DO THIS
{ provide: App, useFactory: () => AppMock.instance() }