how to get the text of anchor tag in jest











up vote
1
down vote

favorite












  <a href={LinkMappingUtility.getMappedWebUiLink('/#/dashboard')}
data-id="0"
className="nav-menu-item"
autoFocus="true">

{menuItem({ linkTitle: translate('sbDashboard', currentLanguage), icon: 'swn-home-icon' })}



this is the anchor tag inside that i have menu item text and i want the text in enzyme



My Code is :



test('all menu items display the correct text', () => {



    const allMenuItemText = [
{ linkTitle: 'Dashboard', icon: 'swn-home-icon' },
{ linkTitle: 'Alerts', icon: 'swn-alerts-icon' },
{ linkTitle: 'Contact Management', icon: 'swn-home-icon'},
{ linkTitle: 'Reporting', icon: 'swn-home-icon' },
{ linkTitle: 'Solutions', icon: 'swn-home-icon' },
{ linkTitle: 'Integrations', icon: 'swn-home-icon' },
{ linkTitle: 'Account Settings', icon: 'swn-home-icon'},
{ linkTitle: 'Support & Training', icon: 'swn-home-icon' }
];

wrapper.find('.nav-menu-item').forEach((node, index) => {
expect(node.text()).toEqual(allMenuItemText[index].linkTitle);
})


output : here i am getting the empty string in return










share|improve this question




























    up vote
    1
    down vote

    favorite












      <a href={LinkMappingUtility.getMappedWebUiLink('/#/dashboard')}
    data-id="0"
    className="nav-menu-item"
    autoFocus="true">

    {menuItem({ linkTitle: translate('sbDashboard', currentLanguage), icon: 'swn-home-icon' })}



    this is the anchor tag inside that i have menu item text and i want the text in enzyme



    My Code is :



    test('all menu items display the correct text', () => {



        const allMenuItemText = [
    { linkTitle: 'Dashboard', icon: 'swn-home-icon' },
    { linkTitle: 'Alerts', icon: 'swn-alerts-icon' },
    { linkTitle: 'Contact Management', icon: 'swn-home-icon'},
    { linkTitle: 'Reporting', icon: 'swn-home-icon' },
    { linkTitle: 'Solutions', icon: 'swn-home-icon' },
    { linkTitle: 'Integrations', icon: 'swn-home-icon' },
    { linkTitle: 'Account Settings', icon: 'swn-home-icon'},
    { linkTitle: 'Support & Training', icon: 'swn-home-icon' }
    ];

    wrapper.find('.nav-menu-item').forEach((node, index) => {
    expect(node.text()).toEqual(allMenuItemText[index].linkTitle);
    })


    output : here i am getting the empty string in return










    share|improve this question


























      up vote
      1
      down vote

      favorite









      up vote
      1
      down vote

      favorite











        <a href={LinkMappingUtility.getMappedWebUiLink('/#/dashboard')}
      data-id="0"
      className="nav-menu-item"
      autoFocus="true">

      {menuItem({ linkTitle: translate('sbDashboard', currentLanguage), icon: 'swn-home-icon' })}



      this is the anchor tag inside that i have menu item text and i want the text in enzyme



      My Code is :



      test('all menu items display the correct text', () => {



          const allMenuItemText = [
      { linkTitle: 'Dashboard', icon: 'swn-home-icon' },
      { linkTitle: 'Alerts', icon: 'swn-alerts-icon' },
      { linkTitle: 'Contact Management', icon: 'swn-home-icon'},
      { linkTitle: 'Reporting', icon: 'swn-home-icon' },
      { linkTitle: 'Solutions', icon: 'swn-home-icon' },
      { linkTitle: 'Integrations', icon: 'swn-home-icon' },
      { linkTitle: 'Account Settings', icon: 'swn-home-icon'},
      { linkTitle: 'Support & Training', icon: 'swn-home-icon' }
      ];

      wrapper.find('.nav-menu-item').forEach((node, index) => {
      expect(node.text()).toEqual(allMenuItemText[index].linkTitle);
      })


      output : here i am getting the empty string in return










      share|improve this question















        <a href={LinkMappingUtility.getMappedWebUiLink('/#/dashboard')}
      data-id="0"
      className="nav-menu-item"
      autoFocus="true">

      {menuItem({ linkTitle: translate('sbDashboard', currentLanguage), icon: 'swn-home-icon' })}



      this is the anchor tag inside that i have menu item text and i want the text in enzyme



      My Code is :



      test('all menu items display the correct text', () => {



          const allMenuItemText = [
      { linkTitle: 'Dashboard', icon: 'swn-home-icon' },
      { linkTitle: 'Alerts', icon: 'swn-alerts-icon' },
      { linkTitle: 'Contact Management', icon: 'swn-home-icon'},
      { linkTitle: 'Reporting', icon: 'swn-home-icon' },
      { linkTitle: 'Solutions', icon: 'swn-home-icon' },
      { linkTitle: 'Integrations', icon: 'swn-home-icon' },
      { linkTitle: 'Account Settings', icon: 'swn-home-icon'},
      { linkTitle: 'Support & Training', icon: 'swn-home-icon' }
      ];

      wrapper.find('.nav-menu-item').forEach((node, index) => {
      expect(node.text()).toEqual(allMenuItemText[index].linkTitle);
      })


      output : here i am getting the empty string in return







      javascript reactjs jestjs enzyme






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 11 at 9:18

























      asked Nov 9 at 8:58









      Surin Ranjan Panda

      62




      62
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          2
          down vote













          I'm guessing just a typo, you meant to use a class selector?



          // tag selector
          wrapper.find('nav-menu-item') ...

          // class selector
          wrapper.find('.nav-menu-item') ...





          share|improve this answer





















          • no still i am getting empty string text() method is not returning the value
            – Surin Ranjan Panda
            Nov 11 at 9:19










          • @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
            – stealththeninja
            Nov 11 at 23:37













          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',
          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%2f53222566%2fhow-to-get-the-text-of-anchor-tag-in-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








          up vote
          2
          down vote













          I'm guessing just a typo, you meant to use a class selector?



          // tag selector
          wrapper.find('nav-menu-item') ...

          // class selector
          wrapper.find('.nav-menu-item') ...





          share|improve this answer





















          • no still i am getting empty string text() method is not returning the value
            – Surin Ranjan Panda
            Nov 11 at 9:19










          • @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
            – stealththeninja
            Nov 11 at 23:37

















          up vote
          2
          down vote













          I'm guessing just a typo, you meant to use a class selector?



          // tag selector
          wrapper.find('nav-menu-item') ...

          // class selector
          wrapper.find('.nav-menu-item') ...





          share|improve this answer





















          • no still i am getting empty string text() method is not returning the value
            – Surin Ranjan Panda
            Nov 11 at 9:19










          • @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
            – stealththeninja
            Nov 11 at 23:37















          up vote
          2
          down vote










          up vote
          2
          down vote









          I'm guessing just a typo, you meant to use a class selector?



          // tag selector
          wrapper.find('nav-menu-item') ...

          // class selector
          wrapper.find('.nav-menu-item') ...





          share|improve this answer












          I'm guessing just a typo, you meant to use a class selector?



          // tag selector
          wrapper.find('nav-menu-item') ...

          // class selector
          wrapper.find('.nav-menu-item') ...






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 9 at 9:31









          stealththeninja

          1,65811324




          1,65811324












          • no still i am getting empty string text() method is not returning the value
            – Surin Ranjan Panda
            Nov 11 at 9:19










          • @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
            – stealththeninja
            Nov 11 at 23:37




















          • no still i am getting empty string text() method is not returning the value
            – Surin Ranjan Panda
            Nov 11 at 9:19










          • @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
            – stealththeninja
            Nov 11 at 23:37


















          no still i am getting empty string text() method is not returning the value
          – Surin Ranjan Panda
          Nov 11 at 9:19




          no still i am getting empty string text() method is not returning the value
          – Surin Ranjan Panda
          Nov 11 at 9:19












          @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
          – stealththeninja
          Nov 11 at 23:37






          @SurinRanjanPanda have you tried using a snapshot to cross-check how the anchor elements are loading? Based on edits to your question, I get the feeling we don’t have a minimal, complete, verifiable example to work from.
          – stealththeninja
          Nov 11 at 23:37




















           

          draft saved


          draft discarded



















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53222566%2fhow-to-get-the-text-of-anchor-tag-in-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

          Guess what letter conforming each word

          Port of Spain

          Run scheduled task as local user group (not BUILTIN)