From 3cc7d3e6b97c9da0d5c29307b0a101827d5d2a12 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Thu, 17 Mar 2022 11:31:09 +0100
Subject: [PATCH] Make PrivacyLink HTML attributes a separate prop.

---
 source/links/privacy-link.ts                    |   6 ++----
 tests/links/privacy-link.test.ts                |  16 +++++++---------
 tests/links/snapshots/privacy-link.test.ts.md   |   2 +-
 tests/links/snapshots/privacy-link.test.ts.snap | Bin 302 -> 302 bytes
 4 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/source/links/privacy-link.ts b/source/links/privacy-link.ts
index 3ec09aa..61dfb74 100644
--- a/source/links/privacy-link.ts
+++ b/source/links/privacy-link.ts
@@ -5,9 +5,8 @@ import {Component, ComponentChildren, VNode} from 'preact';
  * Component properties for {@linkcode PrivacyLink}.
  */
 export type PrivacyLinkProps = {
+  attributes: Record<string, unknown>;
   children: ComponentChildren;
-  class: string;
-  href: string;
 };
 
 /**
@@ -18,8 +17,7 @@ export type PrivacyLinkProps = {
 export class PrivacyLink extends Component<PrivacyLinkProps> {
   render(): VNode {
     const props: Record<string, string> = {
-      class: this.props.class,
-      href: this.props.href,
+      ...this.props.attributes,
       rel: 'noopener noreferrer',
       target: '_blank',
     };
diff --git a/tests/links/privacy-link.test.ts b/tests/links/privacy-link.test.ts
index 1a06f7c..bc44977 100644
--- a/tests/links/privacy-link.test.ts
+++ b/tests/links/privacy-link.test.ts
@@ -7,15 +7,18 @@ import {PrivacyLink} from '../../source/gram.js';
 test('PrivacyLink', (t) => {
   t.snapshot(render(html`<${PrivacyLink} />`), 'Empty');
 
+  const attributes: Record<string, unknown> = {
+    href: 'https://example.org',
+  };
   t.snapshot(
-    render(html`<${PrivacyLink} href="https://example.org">Example<//>`),
+    render(html`<${PrivacyLink} attributes=${attributes}>Example<//>`),
     'Text children',
   );
 
   t.snapshot(
     render(
       html`
-        <${PrivacyLink} href="https://example.org">
+        <${PrivacyLink} attributes=${attributes}>
           Example <span class="bold">with children</span>
         <//>
       `,
@@ -23,14 +26,9 @@ test('PrivacyLink', (t) => {
     'HTML children',
   );
 
+  attributes.class = 'bold italic';
   t.snapshot(
-    render(
-      html`
-        <${PrivacyLink} class="bold italic" href="https://example.org">
-          Example
-        <//>
-      `,
-    ),
+    render(html`<${PrivacyLink} attributes=${attributes}>Example<//>`),
     'CSS class',
   );
 });
diff --git a/tests/links/snapshots/privacy-link.test.ts.md b/tests/links/snapshots/privacy-link.test.ts.md
index 6c88c42..0a4ff9c 100644
--- a/tests/links/snapshots/privacy-link.test.ts.md
+++ b/tests/links/snapshots/privacy-link.test.ts.md
@@ -20,4 +20,4 @@ Generated by [AVA](https://avajs.dev).
 
 > CSS class
 
-    '<a class="bold italic" href="https://example.org" rel="noopener noreferrer" target="_blank">Example</a>'
+    '<a href="https://example.org" class="bold italic" rel="noopener noreferrer" target="_blank">Example</a>'
diff --git a/tests/links/snapshots/privacy-link.test.ts.snap b/tests/links/snapshots/privacy-link.test.ts.snap
index 5858066b8cc08e0ba8364bfa7e5c37642f158eba..8751ae0c7c4e6c2da2885f7e75d5b0355519793e 100644
GIT binary patch
literal 302
zcmV+}0nz?JRzV<BZeeh9Xm4~Nb~6eC0InUv<aOpA$n#zv4%K*g{rPSty583SWT6F?
zjm6t_TOW%E00000000B6kikmBKoCGvL_GTk%YJ~tt0eIt1rHU3^x#b<n`w5*WOtbz
zwZ)U*#m}%`YD<eY9t6=j&%F1T_eDd&^yy`d;)JljW%meXHFLgq$wN#wNP1njEePCQ
z9%U!lb|%N!>Eyfs#Ym<0Aw=}Z$_K^;G9zmxz#U4d?;8T&>#E41LV^Yfr$dz09tk64
zy+PUyqtsR;ri(nsB@B`9EO4iPVVmyGzNEt(m!gby)H3?L{B0zE{%5%=QUtFIK}w}=
z0=2q&a$-L#ihR3p@R{Lyelz<X`7ny?evUklDJMYA{ON1%s;+m;5BUq1CMf~{0H<e-
A>Hq)$

literal 302
zcmV+}0nz?JRzV<BZeeh9Xm4~Nb~6eC05jKBX0I%KUa6hK5!4cG;M50!LAjQVjS*|$
zr}xM%jUS5$00000000BEkikmBKoCGvL_GTk%YHzES4rYQ3O!U1(t|gdB-8AY$?h^c
zYKteqi=Sb?)RY!&dJ}ZcGw(g-b5)VAyZE+6u|nA0vwenov#_qS(LspDOMKrp4G28k
zoFx~@ZYJl+<>V>@#Ynk!-UoEZ%6Y~WG9zmxz%5FyA1eaa=^{&^K!OShXMK>(0SO~y
zIUvoz$h8p(@j6X$4SgV-dT#YEY_t8@kF;OnT2yT;HH_{c{}{<%|5&cF7{IBTAjVu*
zo*G@eSTWxfS-M*|`b<Ax-YrfepGJ}G5P3vYR)B1+|LJS?wk-F$FX^B9E-3;40H#@q
AE&u=k