All variables must meet the Typescript requirements for successful completion

Question

All variables must meet the Typescript requirements for successful completion

I'm working with ts-jest and trying to mock a service function. I want to only pass values for one variable, ignoring the others. Here's an example:

getDataInformationMocked.mockReturnValueOnce({
      scopes: ['local','cloud']
    });

This code works, but TypeScript shows an error stating that there are more variables that are not being passed.

Error message: The type '{ scopes: string[]; }' does not have the following properties of type 'dataNames': iss, exp, nbf, aud and 20 more.

Is there a way to pass all variables from an interface without creating an object with all values?

typescript

Answer 1

Answer №1

This extends the playground created by Charles Fries and both solutions successfully fix the issue.

You have the option to utilize either Partial, which

Creates a type with all properties of Type made optional. This tool generates a type that encompasses all possible subsets of a specified type.

:

interface DataNames {
    scopes: string[];
    iss: string;
    exp: string;
    nbf: string;
    aud: string;
}

const getDataInformationMocked = {
    mockReturnValueOnce: (_dataNames: Partial<DataNames>): void => {}
};

getDataInformationMocked.mockReturnValueOnce({
    scopes: ['local','cloud']
});

Alternatively, you can use Pick, which

Generates a type by selecting only the properties Keys (either single string or a combination of strings) from Type.

:

interface DataNames {
    scopes: string[];
    iss: string;
    exp: string;
    nbf: string;
    aud: string;
}

const getDataInformationMocked = {
    mockReturnValueOnce: (_dataNames: Pick<DataNames, 'scopes'>): void => {}
};

getDataInformationMocked.mockReturnValueOnce({
    scopes: ['local','cloud']
});

Answer 2

This extends the playground created by Charles Fries and both solutions successfully fix the issue.

You have the option to utilize either Partial, which

Creates a type with all properties of Type made optional. This tool generates a type that encompasses all possible subsets of a specified type.

:

interface DataNames {
    scopes: string[];
    iss: string;
    exp: string;
    nbf: string;
    aud: string;
}

const getDataInformationMocked = {
    mockReturnValueOnce: (_dataNames: Partial<DataNames>): void => {}
};

getDataInformationMocked.mockReturnValueOnce({
    scopes: ['local','cloud']
});

Alternatively, you can use Pick, which

Generates a type by selecting only the properties Keys (either single string or a combination of strings) from Type.

:

interface DataNames {
    scopes: string[];
    iss: string;
    exp: string;
    nbf: string;
    aud: string;
}

const getDataInformationMocked = {
    mockReturnValueOnce: (_dataNames: Pick<DataNames, 'scopes'>): void => {}
};

getDataInformationMocked.mockReturnValueOnce({
    scopes: ['local','cloud']
});

Answer 3

Answer №2

Implement a type assertion:

Mock the getDataInformation function to return an object with scopes as ['local','cloud'] and assert it as dataNames in TypeScript.

Answer 4

Implement a type assertion:

Mock the getDataInformation function to return an object with scopes as ['local','cloud'] and assert it as dataNames in TypeScript.

All variables must meet the Typescript requirements for successful completion

Answer №1

Answer №2

Similar questions

Opt for Observable over Promise in your applications

Manipulating variables across various methods in TypeScript

I seem to be failing at properly executing Promises... What crucial element am I overlooking in this process?

Using a factory function within a Typescript declaration file, both with and without the utilization of the new keyword

Mistakes following update to Angular 4 from Angular 2

Error occurs when attempting to instantiate a class with parameters that do not match any available constructor signatures

When using TypeScript in React, the event handler for the onLoad event of an image element cannot locate the properties naturalWidth and naturalHeight

What could be causing Highlight.js to fail to work following a redirect?

Angular is experiencing a glitch with updating user profiles

How can I incorporate a feature in my Angular application that allows users to switch between different view types, such as days, using JavaScript

Bringing TypeScript modules from a local module into a React application

Can type assertion/casting be incorporated within an object destructuring expression?

What causes the "This expression is not callable..." errors to occur in TypeScript and React JS?

Testing vue-router's useRoute() function in Jest tests on Vue 3

The control of the ThreeJS TransformControl has been relinquished

Using TypeScript: creating functions without defining an interface

Send a variable from a next.js middleware to an API request

Setting limits to disable or remove specific times from the time picker input box in Angular

Issue with displaying response data from Angular API in the template

Incorrect date format sent to backend through API