Feat(MWPW:151162):nofollow a individual link. (#2692)

* nofollow a link

* added units for nofollow link feature

* fixed liniting error

libs/utils/utils.js

@@ -635,6 +635,10 @@ export function decorateLinks(el) {
       a.setAttribute('target', '_blank');
       a.href = a.href.replace('#_blank', '');
     }
+    if (a.href.includes('#_nofollow')) {
+      a.setAttribute('rel', 'nofollow');
+      a.href = a.href.replace('#_nofollow', '');
+    }
     if (a.href.includes('#_dnb')) {
       a.href = a.href.replace('#_dnb', '');
     } else {

test/utils/mocks/body.html

@@ -24,6 +24,8 @@
     <p><a href="http://localhost:2000">http://localhost:2000/img/favicon.svg</a></p>
     <!-- #_blank -->
     <p><a class="new-tab" href="https://www.adobe.com/test#_blank">New Tab</a></p>
+    <!-- Nofollow individual link-->
+    <p><a class="no-follow" href="https://www.adobe.com/test#_nofollow">No Follow</a></p>
     <!-- Nofollow -->
     <p><a href="https://analytics.google.com">Google analytics</a></p>
     <!-- Disable Auto Block-->

test/utils/utils.test.js

@@ -244,6 +244,14 @@ describe('Utils', () => {
       expect(newTabLink.href).to.equal('https://www.adobe.com/test');
     });
 
+    it('Add rel=nofollow to a link', () => {
+      const noFollowContainer = document.querySelector('main div');
+      utils.decorateLinks(noFollowContainer);
+      const noFollowLink = noFollowContainer.querySelector('.no-follow');
+      expect(noFollowLink.rel).to.contain('nofollow');
+      expect(noFollowLink.href).to.equal('https://www.adobe.com/test');
+    });
+
     it('Sets up milo.deferredPromise', async () => {
       const { resolveDeferred } = utils.getConfig();
       expect(window.milo.deferredPromise).to.exist;