feat(link): support rel attribute

adobe · Jul 27, 2020 · df4b5a8 · df4b5a8
1 parent fc7d587
commit df4b5a8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/link/test/link.test.ts b/packages/link/test/link.test.ts
@@ -46,4 +46,20 @@ describe('Link', () => {
 
         await expect(el).to.be.accessible();
     });
+
+    it('loads[rel]', async () => {
+        const el = await fixture<Link>(
+            html`
+                <sp-link href="test_url" rel="external">
+                    Default Link
+                </sp-link>
+            `
+        );
+
+        await elementUpdated(el);
+        expect(el).to.not.be.undefined;
+        expect(el.getAttribute('rel')).to.eq('external'));
+
+        await expect(el).to.be.accessible();
+    });
 });
diff --git a/packages/shared/src/like-anchor.ts b/packages/shared/src/like-anchor.ts
@@ -22,6 +22,7 @@ export interface LikeAnchorInterface {
     download?: string;
     label?: string;
     href?: string;
+    rel?: string;
     target?: '_blank' | '_parent' | '_self' | '_top';
     renderAnchor(options: {
         id: string;
@@ -45,6 +46,9 @@ export function LikeAnchor<T extends Constructor<UpdatingElement>>(
         @property({ reflect: true })
         public target?: '_blank' | '_parent' | '_self' | '_top';
 
+        @property({ reflect: true })
+        public rel?: string;
+
         public renderAnchor({
             id,
             // prettier-ignore
@@ -61,6 +65,7 @@ export function LikeAnchor<T extends Constructor<UpdatingElement>>(
                     download=${ifDefined(this.download)}
                     target=${ifDefined(this.target)}
                     aria-label=${ifDefined(this.label)}
+                    rel=${ifDefined(this.rel)}
                 >${anchorContent}</a>`;
         }
     }