dependency

example.js

class MyService {
    sayHello(name: string) {
        return 'Hello ' + name;
    }
}


class MyComponent {
    constructor(private myService) {
    }

    bePolite() {
        return this.myService.sayHello(this.name);
    }
}

// как только мы поменяем реализацию sayHello, придется менять и этот тест,
// хотя логика компонента не менялась
it('component is polite', () => {
    const myService = new MyService();
    const myTestComponent = new MyComponent(myService);
    myTestComponent.name = 'Ivan';
    expect(myTestComponent.bePolite()).toBe('Hello Ivan');
});

// хотя можно написать тест таким образом, тогда не сломается
// но тогда и реализация MyService не важна и можно смело использовать мок
it('component is polite', () => {
    const myService = new MyService();
    const myTestComponent = new MyComponent(myService);
    myTestComponent.name = 'Ivan';
    expect(myTestComponent.bePolite()).toBe(myService.sayHello(myTestComponent.name));
});

// хотя можно написать тест таким образом, тогда не сломается
// но тогда и реализация MyService не важна и можно смело использовать мок
it('component is polite', () => {
    const mockHello = 'some string';
    const myService = {sayHello: () => mockHello};
    const myTestComponent = new MyComponent(myService);
    expect(myTestComponent.bePolite()).toBe(mockHello);
});