Angular Routing Component Testing

Question

I am reading the official examples of angular routing testing from here . I didn't understand how heroClick() does trigger click.

it('should tell ROUTER to navigate when hero clicked', () => {
  heroClick(); <------- how does this work !?  // trigger click on first inner <div class="hero">

  // args passed to router.navigateByUrl() spy
  const spy = router.navigateByUrl as jasmine.Spy;
  const navArgs = spy.calls.first().args[0];

  // expecting to navigate to id of the component's first hero
  const id = comp.heroes[0].id;
  expect(navArgs).toBe('/heroes/' + id, 'should nav to HeroDetail for first hero');
});

Here is a link to the stackblitz example

ekalin · Accepted Answer · 2021-05-09 17:57:51Z

1

heroClick is a parameter passed to the tests() function in line 84. It's a function that takes no arguments and returns nothing. On line 120, heroClick() calls whatever was passed to tests().

On lines 27 and 48 tests() is called, passing different functions clickForShallow and clickForDeep, defined just below their usages. Those function simulate the clicks by interacting with the elements in the component.

edited May 9, 2021 at 17:57

answered May 8, 2021 at 12:46

ekalin

1,01010 silver badges24 bronze badges

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

2 Comments

Amir Choubani Over a year ago

Do you mean passing function that takes no arguments and returns nothing will trigger the clicks ?

ekalin Over a year ago

No, passing a function is just like passing any other value. But line 120 calls the function passed as an argument. I've edited the answer to clarify that.

Collectives™ on Stack Overflow

Angular Routing Component Testing

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related