describe('The component test', () => {

    let component, $componentController, $controller, $injector, $scope;

    beforeEach(module("componennts.module"));

    beforeEach(inject((_$componentController_, _$controller_, _$injector_, _$rootScope_) => {

        $componentController = _$componentController_;

        $controller = _$controller_;

        $injector = _$injector_;

        $scope = _$rootScope_.$new();

    }));

    describe('Controller', () => {

        it('should have ng-model with the correct binding', () => {

            let locals = {

                $scope: $scope,

                $element: angular.element('<my-component ng-model="value"></my-component>'),

                $attrs: { ngModel: 'value' }

            };

            locals.$scope.value = [];

            let ngModelController = $injector.get('ngModelDirective')[].controller;

            let ngModelInstance = $controller(ngModelController, locals);

            $scope.$digest();

            component = $componentController('myComponent', null, { ngModel: ngModelInstance });

            component.$onInit();

            expect(component).toBeDefined();

            expect(component._selectedValues).toEqual([]); // _selectedValues = ngModel.$viewValue

        });

    });

});