From 74d9811d8ab434c8bebae5d644d7acae22140596 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Istv=C3=A1n=20So=C3=B3s?= <isoos@users.noreply.github.com>
Date: Mon, 27 Jan 2025 10:28:37 +0100
Subject: [PATCH] Add topics-tag class on infobox topic links. (#8497)

---
 app/lib/frontend/templates/views/pkg/info_box.dart           | 5 +++--
 app/test/frontend/golden/pkg_activity_log_page.html          | 4 ++--
 app/test/frontend/golden/pkg_admin_page.html                 | 4 ++--
 app/test/frontend/golden/pkg_changelog_page.html             | 4 ++--
 app/test/frontend/golden/pkg_example_page.html               | 4 ++--
 app/test/frontend/golden/pkg_install_page.html               | 4 ++--
 app/test/frontend/golden/pkg_score_page.html                 | 4 ++--
 .../frontend/golden/pkg_score_page_with_downloads_chart.html | 4 ++--
 app/test/frontend/golden/pkg_show_page.html                  | 4 ++--
 app/test/frontend/golden/pkg_show_page_discontinued.html     | 4 ++--
 app/test/frontend/golden/pkg_show_page_flutter_plugin.html   | 4 ++--
 app/test/frontend/golden/pkg_show_page_publisher.html        | 4 ++--
 app/test/frontend/golden/pkg_show_page_retracted.html        | 4 ++--
 .../pkg_show_page_retracted_non_retracted_version.html       | 4 ++--
 app/test/frontend/golden/pkg_show_version_page.html          | 4 ++--
 app/test/frontend/golden/pkg_versions_page.html              | 4 ++--
 app/test/task/testdata/goldens/packages/oxygen.html          | 4 ++--
 .../task/testdata/goldens/packages/oxygen/changelog.html     | 4 ++--
 app/test/task/testdata/goldens/packages/oxygen/example.html  | 4 ++--
 app/test/task/testdata/goldens/packages/oxygen/install.html  | 4 ++--
 app/test/task/testdata/goldens/packages/oxygen/license.html  | 4 ++--
 app/test/task/testdata/goldens/packages/oxygen/score.html    | 4 ++--
 app/test/task/testdata/goldens/packages/oxygen/versions.html | 4 ++--
 .../testdata/goldens/packages/oxygen/versions/1.0.0.html     | 4 ++--
 .../goldens/packages/oxygen/versions/1.0.0/changelog.html    | 4 ++--
 .../goldens/packages/oxygen/versions/1.0.0/example.html      | 4 ++--
 .../goldens/packages/oxygen/versions/1.0.0/install.html      | 4 ++--
 .../goldens/packages/oxygen/versions/1.0.0/license.html      | 4 ++--
 .../goldens/packages/oxygen/versions/1.0.0/score.html        | 4 ++--
 .../testdata/goldens/packages/oxygen/versions/2.0.0.html     | 4 ++--
 pkg/_pub_shared/test/utils/flutter_archive_test.dart         | 2 +-
 31 files changed, 62 insertions(+), 61 deletions(-)

diff --git a/app/lib/frontend/templates/views/pkg/info_box.dart b/app/lib/frontend/templates/views/pkg/info_box.dart
index 09f62268d3..40b0f285b6 100644
--- a/app/lib/frontend/templates/views/pkg/info_box.dart
+++ b/app/lib/frontend/templates/views/pkg/info_box.dart
@@ -54,7 +54,7 @@ d.Node packageInfoBoxNode({
     );
   }
   final dependencies = _dependencyListNode(version.pubspec?.dependencies);
-  final topics = _topicstNode(version.pubspec?.canonicalizedTopics);
+  final topics = _topicsNode(version.pubspec?.canonicalizedTopics);
 
   final screenshots = data.scoreCard.panaReport?.screenshots;
   String? thumbnailUrl;
@@ -206,7 +206,7 @@ d.Node? _licenseNode({
   ]);
 }
 
-d.Node? _topicstNode(List<String>? topics) {
+d.Node? _topicsNode(List<String>? topics) {
   if (topics == null || topics.isEmpty) return null;
 
   final nodes = <d.Node>[];
@@ -217,6 +217,7 @@ d.Node? _topicstNode(List<String>? topics) {
     final ct = canonicalTopics.asMap[topic];
     final description = ct?.description;
     final node = d.a(
+      classes: ['topics-tag'],
       href: urls.searchUrl(q: 'topic:$topic'),
       text: '#$topic',
       title: description,
diff --git a/app/test/frontend/golden/pkg_activity_log_page.html b/app/test/frontend/golden/pkg_activity_log_page.html
index 3b668628ab..dfb405ef95 100644
--- a/app/test/frontend/golden/pkg_activity_log_page.html
+++ b/app/test/frontend/golden/pkg_activity_log_page.html
@@ -396,7 +396,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -472,7 +472,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_admin_page.html b/app/test/frontend/golden/pkg_admin_page.html
index 5d471eb908..2064340411 100644
--- a/app/test/frontend/golden/pkg_admin_page.html
+++ b/app/test/frontend/golden/pkg_admin_page.html
@@ -681,7 +681,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -757,7 +757,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_changelog_page.html b/app/test/frontend/golden/pkg_changelog_page.html
index 653b4b21c5..6a4cc53adc 100644
--- a/app/test/frontend/golden/pkg_changelog_page.html
+++ b/app/test/frontend/golden/pkg_changelog_page.html
@@ -266,7 +266,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -343,7 +343,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_example_page.html b/app/test/frontend/golden/pkg_example_page.html
index 6a5492e7d5..1fb8363185 100644
--- a/app/test/frontend/golden/pkg_example_page.html
+++ b/app/test/frontend/golden/pkg_example_page.html
@@ -263,7 +263,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -340,7 +340,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_install_page.html b/app/test/frontend/golden/pkg_install_page.html
index dc206f8caa..a54056c78e 100644
--- a/app/test/frontend/golden/pkg_install_page.html
+++ b/app/test/frontend/golden/pkg_install_page.html
@@ -289,7 +289,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -366,7 +366,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_score_page.html b/app/test/frontend/golden/pkg_score_page.html
index 6e6fca458b..b1b3014289 100644
--- a/app/test/frontend/golden/pkg_score_page.html
+++ b/app/test/frontend/golden/pkg_score_page.html
@@ -351,7 +351,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -428,7 +428,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
index 6e6fca458b..b1b3014289 100644
--- a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
+++ b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
@@ -351,7 +351,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -428,7 +428,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_page.html b/app/test/frontend/golden/pkg_show_page.html
index 95c6828ba2..381ead32ed 100644
--- a/app/test/frontend/golden/pkg_show_page.html
+++ b/app/test/frontend/golden/pkg_show_page.html
@@ -266,7 +266,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -343,7 +343,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_page_discontinued.html b/app/test/frontend/golden/pkg_show_page_discontinued.html
index 4be67941d6..db4d74ee6d 100644
--- a/app/test/frontend/golden/pkg_show_page_discontinued.html
+++ b/app/test/frontend/golden/pkg_show_page_discontinued.html
@@ -257,7 +257,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -332,7 +332,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
index fbf7bf2bd6..d5542b4751 100644
--- a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
+++ b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
@@ -255,7 +255,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -336,7 +336,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_page_publisher.html b/app/test/frontend/golden/pkg_show_page_publisher.html
index 73b3610fde..5634d37cbd 100644
--- a/app/test/frontend/golden/pkg_show_page_publisher.html
+++ b/app/test/frontend/golden/pkg_show_page_publisher.html
@@ -257,7 +257,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -329,7 +329,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_page_retracted.html b/app/test/frontend/golden/pkg_show_page_retracted.html
index 6c93b794bb..6ad3e1da11 100644
--- a/app/test/frontend/golden/pkg_show_page_retracted.html
+++ b/app/test/frontend/golden/pkg_show_page_retracted.html
@@ -242,7 +242,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Funding</h3>
             <p>
@@ -314,7 +314,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Funding</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
index 9ea471a239..4259597f49 100644
--- a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
+++ b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
@@ -248,7 +248,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -323,7 +323,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_show_version_page.html b/app/test/frontend/golden/pkg_show_version_page.html
index 0089851793..b7a780faea 100644
--- a/app/test/frontend/golden/pkg_show_version_page.html
+++ b/app/test/frontend/golden/pkg_show_version_page.html
@@ -260,7 +260,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -337,7 +337,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/frontend/golden/pkg_versions_page.html b/app/test/frontend/golden/pkg_versions_page.html
index fa82073282..6a13304796 100644
--- a/app/test/frontend/golden/pkg_versions_page.html
+++ b/app/test/frontend/golden/pkg_versions_page.html
@@ -373,7 +373,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -450,7 +450,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen.html b/app/test/task/testdata/goldens/packages/oxygen.html
index 543394fb7d..21963a32d0 100644
--- a/app/test/task/testdata/goldens/packages/oxygen.html
+++ b/app/test/task/testdata/goldens/packages/oxygen.html
@@ -254,7 +254,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -333,7 +333,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/changelog.html
index 4fe0d7ad52..c3204a9c57 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/changelog.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/changelog.html
@@ -260,7 +260,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -339,7 +339,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/example.html b/app/test/task/testdata/goldens/packages/oxygen/example.html
index abcdfab3d7..60b20d882b 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/example.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/example.html
@@ -255,7 +255,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -334,7 +334,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/install.html b/app/test/task/testdata/goldens/packages/oxygen/install.html
index 27c90cb87a..c5e78da254 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/install.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/install.html
@@ -283,7 +283,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -362,7 +362,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/license.html b/app/test/task/testdata/goldens/packages/oxygen/license.html
index 16d73b1ae6..9412786505 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/license.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/license.html
@@ -256,7 +256,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -335,7 +335,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/score.html b/app/test/task/testdata/goldens/packages/oxygen/score.html
index df4a695e77..ad37a7fc7d 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/score.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/score.html
@@ -564,7 +564,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -643,7 +643,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions.html b/app/test/task/testdata/goldens/packages/oxygen/versions.html
index d1ce1700d7..e3790873c6 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions.html
@@ -316,7 +316,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -395,7 +395,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
index a6bf34ca3a..dfde73a8a5 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
@@ -258,7 +258,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -337,7 +337,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
index 3497661045..21338c8db2 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
@@ -264,7 +264,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -343,7 +343,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
index 2848b86b8d..6c7ed7c80a 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
@@ -259,7 +259,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -338,7 +338,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
index 459e6b4f52..d29c9cbf4b 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
@@ -287,7 +287,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -366,7 +366,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
index c7ab1db2ce..d2c77eba97 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
@@ -260,7 +260,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -339,7 +339,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
index e45c812dc2..66ca9eed5b 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
@@ -568,7 +568,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -647,7 +647,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
index 543394fb7d..21963a32d0 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
@@ -254,7 +254,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
             </p>
             <h3 class="title">Topics</h3>
             <p>
-              <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+              <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
             </p>
             <h3 class="title">Documentation</h3>
             <p>
@@ -333,7 +333,7 @@ <h3 class="title pkg-infobox-metadata">Metadata</h3>
           </p>
           <h3 class="title">Topics</h3>
           <p>
-            <a href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
+            <a class="topics-tag" href="/packages?q=topic%3Achemical-element" rel="nofollow">#chemical-element</a>
           </p>
           <h3 class="title">Documentation</h3>
           <p>
diff --git a/pkg/_pub_shared/test/utils/flutter_archive_test.dart b/pkg/_pub_shared/test/utils/flutter_archive_test.dart
index b2122b872e..978f9a32d2 100644
--- a/pkg/_pub_shared/test/utils/flutter_archive_test.dart
+++ b/pkg/_pub_shared/test/utils/flutter_archive_test.dart
@@ -17,7 +17,7 @@ void main() {
     );
     expect(
       DateTime.now().difference(archive.latestBeta!.releaseDate!).inDays,
-      lessThan(45),
+      lessThan(60),
     );
     expect(archive.latestStable?.semanticDartSdkVersion, isNotNull);
     expect(archive.latestBeta?.semanticDartSdkVersion, isNotNull);