Question

180

Jasmine.js Testing - spy on window.open

rated 0 times [ 186] [ 6] / answers: 1 / hits: 37686 / 8 Years ago, tue, september 20, 2016, 12:00:00

JS

var link = this.notificationDiv.getElementsByTagName('a')[0];



link.addEventListener('click', function (evt){

    evt.preventDefault();

    visitDestination(next);

  }, false);

}



var visitDestination = function(next){

    window.open(next)

}

Spec

  var next = http://www.example.com



  it( 'should test window open event', function() {



    var spyEvent = spyOnEvent('#link', 'click' ).andCallFake(visitDestination(next));;

    $('#link')[0].click();

    expect( 'click' ).toHaveBeenTriggeredOn( '#link' );

    expect( spyEvent ).toHaveBeenTriggered();



    expect(window.open).toBeDefined();

    expect(window.open).toBe('http://www.example.com');    

 });

How to write the spec to test for when link is clicked it calls visitDestination and to ensures window.open == next? When I try to run the spec it opens the new window.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminuniquer

Add To Favorites

Follow

Total Points: 63

Total Questions: 121

Total Answers: 96

Location: Cambodia

Member since Thu, May 21, 2020

4 Years ago

jazminuniquer questions

1 Next.js change locale for the current path that has query, using router

Sat, Nov 20, 21, 00:00, 3 Years ago

1 Error: bundle initial-es5 exceeded maximum budget. Budget 6.00 MB was not met by 133.51 kB with a total of 6.13 MB

Thu, Feb 18, 21, 00:00, 3 Years ago

1 How to get values from client.users.fetch(id) in discord.js

Thu, Sep 3, 20, 00:00, 4 Years ago

1 Apply motion to react component Framer-Motion

Thu, Jun 25, 20, 00:00, 4 Years ago

1 Vuetify - How to select a row data using v-radio-group in v-data-table

Tue, May 19, 20, 00:00, 4 Years ago

View All

answered 8 Years ago margob · Accepted Answer

So, window.open is a method provided by the browser. I don't believe it resets the value of itself. So this:

expect(window.open).toBe('http://www.example.com');

... is going to fail no matter what.

What you want is to create a mock of the window.open method:

spyOn(window, 'open')

This will allow you to track when it has been run. It will also prevent the actual window.open function from running. So a new window will not open when you run the test.

Next you should test that the window.open method was run:

expect(window.open).toHaveBeenCalledWith(next)

Edit: More detail. If you want to test that visitDestination has been run then you would do:

spyOn(window, 'visitDestination').and.callThrough()



...



expect(window.visitDestination).toHaveBeenCalled()

The .and.callThrough() is really important here. If you don't use it then the normal visitDestination will be replace with a dummy/mock function which does nothing.