Angular 2 - Test component with ChangeDetectorRef dependency

Question

i'm trying to testing a component with ChangeDetectorRef

constructor(private cdRef: ChangeDetectorRef) {}

And this is the spec file

import {RTLateralMenuComponent} from "./RTLateralMenu.component";

describe('RTLateralMenuComponent', () => {
  let app: RTLateralMenuComponent;

  beforeEach(()=>{
    app = new RTLateralMenuComponent();
  });
});

new RTLateralMenuComponent obviously expect an argument, but i don't how it works.

Please read angular unit test guide. You will get to know better ways to do it angular.io/guide/testing#component-test-basics — Amit Chigadani
– Amit Chigadani, Commented Aug 2, 2018 at 9:01
I started to read the guide, but this error appears immediately — user8893305
– user8893305, Commented Aug 2, 2018 at 9:03
Does this answer your question? Angular 2: How to mock ChangeDetectorRef while unit testing — Alex Parloti
– Alex Parloti, Commented Jun 8, 2020 at 8:51

user4676340 · Accepted Answer · 2018-08-02 09:00:29Z

4

You can mock it

const cdRefMock = {
  detectChanges: () => null
};

app = new RTLateralMenuComponent(cdRefMock);

You will have to implement every method used in your component : detectChanges being the most common one, I thought I would give it right away.

(PS : I assumed you don't use the testbed since you're creating an instance of your component)

answered Aug 2, 2018 at 9:00

user4676340

Sign up to request clarification or add additional context in comments.

3 Comments

user8893305 Over a year ago

The following error appears: ''Property markforcheck is missing in type { detectChanges: () => null }".

user4676340 Over a year ago

Then add markforcheck in your mock. I told you to put every method you use in your mock.

user4676340 Over a year ago

No problem, I'm here for that !

Collectives™ on Stack Overflow

Angular 2 - Test component with ChangeDetectorRef dependency

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related