Creating a Jasmine spy object that relies on another object, injecting a mock

Question

Creating a Jasmine spy object that relies on another object, injecting a mock

I'm working with a TypeScript constructor in a Security.ts class that looks like this:

constructor(readonly idOptions: IdentityOptions) {
    console.log('constructor called');
    this.lock = new Auth0Lock(idOptions.clientId, idOptions.domain, {
        auth: {
            redirectUrl: idOptions.redirectUrl,
            responseType: 'code',
            params: {
                scope: 'openid'
            }
        },
        initialScreen: idOptions.initialScreen,
        allowedConnections: ['Username-Password-Authentication']
    });
}

Now, for my unit tests on Security.ts (using Jasmine), I need to fully mock the Auth0Lock object instead of using the real one. How can I achieve this by utilizing Jasmine spies?

typescript jasmine

Answer 1

Answer №1

Once you've instantiated your security class, simply assign your mock object for Auth0Lock to the instance's lock property. Here's an example:

const mySecurity = new MySecurityClass();
const mockedAuth0Lock = {
    clientId: 123,
    someFunction: jasmine.createSpy('Auth0LockMethod')
};
mySecurity.lock = mockedAuth0Lock;

Answer 2

Once you've instantiated your security class, simply assign your mock object for Auth0Lock to the instance's lock property. Here's an example:

const mySecurity = new MySecurityClass();
const mockedAuth0Lock = {
    clientId: 123,
    someFunction: jasmine.createSpy('Auth0LockMethod')
};
mySecurity.lock = mockedAuth0Lock;

Creating a Jasmine spy object that relies on another object, injecting a mock

Answer №1

Similar questions

Combine a main document with a document located within its sub-collection

Develop a TypeScript type system equivalent to a C-style union

Having trouble with JavaScript's Date.getUTCMilliSeconds() function?

A TypeScript class designed to serve as a function type as well

FabricJS Canvas with a React DropDown Feature

JavaScript Karma Automatic Tests Failing and Angular Generated

Using Checkboxes in React with Material-UI

Mastering the art of throwing and managing custom errors from the server to the client side within Next.js

You cannot use .addCursorFlag() with Mongoose Typescript

The toISOString() method is deducting a day from the specified value

Avoid installing @types typings in dependencies

Facing an Issue with Angular Reactive Form - Encountering 'formDirective is null' Error

The for loop displays only the most recent data fetched from Firebase

Issues with error handling in Angular 7 causing unexpected behavior

What is the best way to sort a union based on the existence or non-existence of a specific

Using Generic Types in TypeScript for Conditional Logic

Ways to troubleshoot and resolve the error message "SyntaxError: Cannot use import statement outside a module"

What is the best way to mandate the declaration or type of a function in TypeScript?

How can we achieve a programmatic single selection in PrimeNG Tree v16 with checkbox selection option?

The type '{ children: Element; }' is lacking the specified properties within type - NextJS version 13.0.6 with TypeScript version 4.9.3