The controller in AngularJS seems to be elusive and cannot be located

Question

The controller in AngularJS seems to be elusive and cannot be located

I've run into an issue while using angular-mock to inject my controller for unit testing. The error message I keep receiving is as follows:

 [$injector:unpr] Unknown provider: PatientRecordsControllerProvider <- PatientRecordsController

This is how my code is set up -

    (function () {
angular.module('patient_profile', ['ngRoute']);
    })();


(function () {
    var PatientRecordsController = function () {

    };

    angular.module('patient_profile').controller('PatientRecordsController', PatientRecordsController);
})();

Below is my test case snippet

    describe('Unit Testing on PatientRecordsController', function () {

    beforeEach(module('patient_profile'));

    it('timeline should be an array', inject(['PatientRecordsController',
        function (controller) {
            //Unable to perform operations
        }
    ]));

});

LATEST UPDATE: Interestingly, the method works flawlessly with services. Why is that?

javascript angularjs unit-testing

Answer 1

Answer №1

To properly instantiate the Controller, use the $controller service. Do you think the following test format is more organized?

describe('PatientRecordsController:unit-testing', function () {
    var controller;

    beforeEach(function(){
        module('patient_profile');

        inject(function(_$controller_){
            controller = _$controller_('PatientRecordsController', {});
        });
    });

    it('timeline should be an array', function(){
        //Perform actions using the controller
    });
});

Answer 2

To properly instantiate the Controller, use the $controller service. Do you think the following test format is more organized?

describe('PatientRecordsController:unit-testing', function () {
    var controller;

    beforeEach(function(){
        module('patient_profile');

        inject(function(_$controller_){
            controller = _$controller_('PatientRecordsController', {});
        });
    });

    it('timeline should be an array', function(){
        //Perform actions using the controller
    });
});

The controller in AngularJS seems to be elusive and cannot be located

Answer №1

Similar questions

JavaScript - Transferring Files across Folders

Transferring information from socket.io to vue.js

Analyzing data visualization within CSS styling

Ways to imitate typeORM repository

Including onMouseUp and onMouseDown events within a JavaScript function

NPM rimraf - proceed with the execution even if directories are not found (do not halt with exit code 1)

What is the best way to remove excess content that falls outside the viewBox?

Reset the text input field when the dropdown menu is set to 'no/other'

The ES6 method of binding click handlers with parameters in React

Unable to invoke angular ng-click function using jQuery

Anticipating the completion of multiple observable subscription functions

How can I use nodejs to retrieve all data fields from a table except for one specific field?

Encountering a problem with configuring webpack's CommonsChunkPlugin for multiple entry points

Skip nodes in Polymer 1.0 by using ExcludeLocalNames

Using array index to group colors in Javascript

Using Multiple Submit Buttons in an HTML form with Express.js and Node.js

How come I am getting only a single outcome when iterating through a dataset array?

Enabling table row scrolling with keyboard navigation in React

Synchronizing the scrolling of two elements with varying heights: A guide

.slideDown Not Functioning Properly on my System