How to get code coverage inside a callback using jest?










1















I'm having trouble with code coverage and can't figure it out. I am using google geocoding API to query coordinates where response is returned inside callback function.
Jest is used for testing.



This is the testable call with callback:



const geocoder = new google.maps.Geocoder();
geocoder.geocode(address: address, (results, status) =>
// want to get coverage in this block
// expected test results are OK and logging shows right results
);


This is the test. Because google.maps is not available by default when testing, I found such solution:



it('test', () => 
const constructorSpy = spyOn(google.maps, 'Geocoder');
const geocoder = createSpyObj('Geocoder', ['geocode']);
constructorSpy.and.returnValue(geocoder);
geocoder.geocode = jest.fn((adr, callback) => callback(response, 'OK'));
// expected results that are all OK
);


createSpyObj https://stackoverflow.com/a/45319913/1756136:



const createSpyObj = (baseName, methodNames): [key: string]: Mock<any> => 
let obj: any = ;
for (let i = 0; i < methodNames.length; i++)
obj[methodNames[i]] = jest.fn();

return obj;
;


And google.maps is defined in setupTests.js. When not testing, google.maps is available when react loads google map



window.google = 
maps:
Geocoder: ,
GeocoderStatus:
OK: 'OK'


;


Any ideas what I could try or look into? Only coverage is the problem, expected results are fine.










share|improve this question




























    1















    I'm having trouble with code coverage and can't figure it out. I am using google geocoding API to query coordinates where response is returned inside callback function.
    Jest is used for testing.



    This is the testable call with callback:



    const geocoder = new google.maps.Geocoder();
    geocoder.geocode(address: address, (results, status) =>
    // want to get coverage in this block
    // expected test results are OK and logging shows right results
    );


    This is the test. Because google.maps is not available by default when testing, I found such solution:



    it('test', () => 
    const constructorSpy = spyOn(google.maps, 'Geocoder');
    const geocoder = createSpyObj('Geocoder', ['geocode']);
    constructorSpy.and.returnValue(geocoder);
    geocoder.geocode = jest.fn((adr, callback) => callback(response, 'OK'));
    // expected results that are all OK
    );


    createSpyObj https://stackoverflow.com/a/45319913/1756136:



    const createSpyObj = (baseName, methodNames): [key: string]: Mock<any> => 
    let obj: any = ;
    for (let i = 0; i < methodNames.length; i++)
    obj[methodNames[i]] = jest.fn();

    return obj;
    ;


    And google.maps is defined in setupTests.js. When not testing, google.maps is available when react loads google map



    window.google = 
    maps:
    Geocoder: ,
    GeocoderStatus:
    OK: 'OK'


    ;


    Any ideas what I could try or look into? Only coverage is the problem, expected results are fine.










    share|improve this question


























      1












      1








      1








      I'm having trouble with code coverage and can't figure it out. I am using google geocoding API to query coordinates where response is returned inside callback function.
      Jest is used for testing.



      This is the testable call with callback:



      const geocoder = new google.maps.Geocoder();
      geocoder.geocode(address: address, (results, status) =>
      // want to get coverage in this block
      // expected test results are OK and logging shows right results
      );


      This is the test. Because google.maps is not available by default when testing, I found such solution:



      it('test', () => 
      const constructorSpy = spyOn(google.maps, 'Geocoder');
      const geocoder = createSpyObj('Geocoder', ['geocode']);
      constructorSpy.and.returnValue(geocoder);
      geocoder.geocode = jest.fn((adr, callback) => callback(response, 'OK'));
      // expected results that are all OK
      );


      createSpyObj https://stackoverflow.com/a/45319913/1756136:



      const createSpyObj = (baseName, methodNames): [key: string]: Mock<any> => 
      let obj: any = ;
      for (let i = 0; i < methodNames.length; i++)
      obj[methodNames[i]] = jest.fn();

      return obj;
      ;


      And google.maps is defined in setupTests.js. When not testing, google.maps is available when react loads google map



      window.google = 
      maps:
      Geocoder: ,
      GeocoderStatus:
      OK: 'OK'


      ;


      Any ideas what I could try or look into? Only coverage is the problem, expected results are fine.










      share|improve this question
















      I'm having trouble with code coverage and can't figure it out. I am using google geocoding API to query coordinates where response is returned inside callback function.
      Jest is used for testing.



      This is the testable call with callback:



      const geocoder = new google.maps.Geocoder();
      geocoder.geocode(address: address, (results, status) =>
      // want to get coverage in this block
      // expected test results are OK and logging shows right results
      );


      This is the test. Because google.maps is not available by default when testing, I found such solution:



      it('test', () => 
      const constructorSpy = spyOn(google.maps, 'Geocoder');
      const geocoder = createSpyObj('Geocoder', ['geocode']);
      constructorSpy.and.returnValue(geocoder);
      geocoder.geocode = jest.fn((adr, callback) => callback(response, 'OK'));
      // expected results that are all OK
      );


      createSpyObj https://stackoverflow.com/a/45319913/1756136:



      const createSpyObj = (baseName, methodNames): [key: string]: Mock<any> => 
      let obj: any = ;
      for (let i = 0; i < methodNames.length; i++)
      obj[methodNames[i]] = jest.fn();

      return obj;
      ;


      And google.maps is defined in setupTests.js. When not testing, google.maps is available when react loads google map



      window.google = 
      maps:
      Geocoder: ,
      GeocoderStatus:
      OK: 'OK'


      ;


      Any ideas what I could try or look into? Only coverage is the problem, expected results are fine.







      reactjs google-maps-api-3 callback jestjs google-geocoder






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 13 '18 at 9:05







      npc

















      asked Nov 13 '18 at 2:23









      npcnpc

      126




      126






















          1 Answer
          1






          active

          oldest

          votes


















          0














          Code coverage is actually already working correctly with this implementation. Problem was that I wasn't accessing 'else' statements in 'if' clauses where there was only 'if' clause.



          Also it's possible not to spy on, but define as a property and run your test:



          it('test', () => 
          Object.defineProperty(google, 'maps',
          value:
          Geocoder: function ()
          return
          geocode: jest.fn((adr, callback) => callback(response, 'OK'))



          );
          // expect..
          );





          share|improve this answer
























            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53272867%2fhow-to-get-code-coverage-inside-a-callback-using-jest%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            Code coverage is actually already working correctly with this implementation. Problem was that I wasn't accessing 'else' statements in 'if' clauses where there was only 'if' clause.



            Also it's possible not to spy on, but define as a property and run your test:



            it('test', () => 
            Object.defineProperty(google, 'maps',
            value:
            Geocoder: function ()
            return
            geocode: jest.fn((adr, callback) => callback(response, 'OK'))



            );
            // expect..
            );





            share|improve this answer





























              0














              Code coverage is actually already working correctly with this implementation. Problem was that I wasn't accessing 'else' statements in 'if' clauses where there was only 'if' clause.



              Also it's possible not to spy on, but define as a property and run your test:



              it('test', () => 
              Object.defineProperty(google, 'maps',
              value:
              Geocoder: function ()
              return
              geocode: jest.fn((adr, callback) => callback(response, 'OK'))



              );
              // expect..
              );





              share|improve this answer



























                0












                0








                0







                Code coverage is actually already working correctly with this implementation. Problem was that I wasn't accessing 'else' statements in 'if' clauses where there was only 'if' clause.



                Also it's possible not to spy on, but define as a property and run your test:



                it('test', () => 
                Object.defineProperty(google, 'maps',
                value:
                Geocoder: function ()
                return
                geocode: jest.fn((adr, callback) => callback(response, 'OK'))



                );
                // expect..
                );





                share|improve this answer















                Code coverage is actually already working correctly with this implementation. Problem was that I wasn't accessing 'else' statements in 'if' clauses where there was only 'if' clause.



                Also it's possible not to spy on, but define as a property and run your test:



                it('test', () => 
                Object.defineProperty(google, 'maps',
                value:
                Geocoder: function ()
                return
                geocode: jest.fn((adr, callback) => callback(response, 'OK'))



                );
                // expect..
                );






                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Nov 13 '18 at 17:17

























                answered Nov 13 '18 at 17:01









                npcnpc

                126




                126





























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53272867%2fhow-to-get-code-coverage-inside-a-callback-using-jest%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    𛂒𛀶,𛀽𛀑𛂀𛃧𛂓𛀙𛃆𛃑𛃷𛂟𛁡𛀢𛀟𛁤𛂽𛁕𛁪𛂟𛂯,𛁞𛂧𛀴𛁄𛁠𛁼𛂿𛀤 𛂘,𛁺𛂾𛃭𛃭𛃵𛀺,𛂣𛃍𛂖𛃶 𛀸𛃀𛂖𛁶𛁏𛁚 𛂢𛂞 𛁰𛂆𛀔,𛁸𛀽𛁓𛃋𛂇𛃧𛀧𛃣𛂐𛃇,𛂂𛃻𛃲𛁬𛃞𛀧𛃃𛀅 𛂭𛁠𛁡𛃇𛀷𛃓𛁥,𛁙𛁘𛁞𛃸𛁸𛃣𛁜,𛂛,𛃿,𛁯𛂘𛂌𛃛𛁱𛃌𛂈𛂇 𛁊𛃲,𛀕𛃴𛀜 𛀶𛂆𛀶𛃟𛂉𛀣,𛂐𛁞𛁾 𛁷𛂑𛁳𛂯𛀬𛃅,𛃶𛁼

                    How do I collapse sections of code in Visual Studio Code for Windows?

                    ャフサォクコ ケウ,コ,ワ メ,ロスョノ゙,クネ,フムカヤヲニ,エコ゚ツ ウイオン゙ケワサネォキモュキォウイノンコチ゚メヌナイゥフュ,カヒウネェ ネ,ホノケ,ムュキ ッボーミュハ,チ ツス ィ メウイマヤ,゙ウチ ヅ ロ,ォジヌェ ャヌット ェ,マャ,チナエヒネソキツテ トホヲヲミーァ