diff --git a/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-inheritance.html b/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-inheritance.html
index d67ae828818aab..90bfc526227d9f 100644
--- a/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-inheritance.html
+++ b/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-inheritance.html
@@ -18,6 +18,14 @@
     color: currentcolor;
     background-color: currentcolor;
   }
+  #target::search-text {
+    color: currentcolor;
+    background-color: currentcolor;
+  }
+  #target::search-text:current {
+    color: red;
+    background-color: red;
+  }
   #target::spelling-error {
     color: currentcolor;
     background-color: currentcolor;
@@ -33,7 +41,7 @@
 </style>
 <div id="target"><span id="child"></span></div>
 <script>
-  for (const pseudo of ["::selection", "::target-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
+  for (const pseudo of ["::selection", "::target-text", "::search-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
     test(() => {
       let style = getComputedStyle(child, pseudo);
       assert_equals(style.backgroundColor, "rgb(0, 255, 0)", "Background color is lime.");
diff --git a/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-visited.html b/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-visited.html
index 207cb7b7dd1301..21f3b38bef0b89 100644
--- a/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-visited.html
+++ b/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed-visited.html
@@ -18,6 +18,12 @@
   a:visited::target-text {
     color: currentcolor;
   }
+  a:visited::search-text {
+    color: currentcolor;
+  }
+  a:visited::search-text:current {
+    color: red;
+  }
   a:visited::spelling-error {
     color: currentcolor;
   }
@@ -31,7 +37,7 @@
 <a id="target1" class="target" href=""></a>
 <a id="target2" class="target" href="unvisited"></a>
 <script>
-  for (const pseudo of ["::selection", "::target-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
+  for (const pseudo of ["::selection", "::target-text", "::search-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
     for (const target of [target1, target2]) {
       test(() => {
         let style = getComputedStyle(target, pseudo);
diff --git a/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed.html b/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed.html
index 97c31809dfc76c..c9c493bd721db8 100644
--- a/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed.html
+++ b/css/css-pseudo/highlight-cascade/highlight-currentcolor-computed.html
@@ -38,6 +38,14 @@
     color: currentcolor;
     background-color: currentcolor;
   }
+  .target::search-text {
+    color: currentcolor;
+    background-color: currentcolor;
+  }
+  .target::search-text:current {
+    color: red;
+    background-color: red;
+  }
   .target::spelling-error {
     color: currentcolor;
     background-color: currentcolor;
@@ -56,7 +64,7 @@
   <span id="target2" class="target"></span>
 </div>
 <script>
-  for (const pseudo of ["::selection", "::target-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
+  for (const pseudo of ["::selection", "::target-text", "::search-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
     for (const target of [target1, target2]) {
       test(() => {
         let style = getComputedStyle(target, pseudo);
diff --git a/css/css-pseudo/highlight-cascade/highlight-pseudos-inheritance-computed-001.html b/css/css-pseudo/highlight-cascade/highlight-pseudos-inheritance-computed-001.html
index 84c4045a54c76f..4c89d0d0bb430c 100644
--- a/css/css-pseudo/highlight-cascade/highlight-pseudos-inheritance-computed-001.html
+++ b/css/css-pseudo/highlight-cascade/highlight-pseudos-inheritance-computed-001.html
@@ -14,6 +14,14 @@
     background-color: green;
     color: lime;
   }
+  .target::search-text {
+    background-color: green;
+    color: lime;
+  }
+  .target::search-text:current {
+    background-color: red;
+    color: red;
+  }
   .target::spelling-error {
     background-color: green;
     color: lime;
@@ -30,7 +38,7 @@
 <div class="target"><span id="child1"></span></div>
 <div class="target" style="display: contents;"><span id="child2"></span></div>
 <script>
-  for (const pseudo of ["::selection", "::target-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
+  for (const pseudo of ["::selection", "::target-text", "::search-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
     for (const child of [child1, child2]) {
       test(() => {
         let style = getComputedStyle(child, pseudo);
diff --git a/css/css-pseudo/highlight-cascade/highlight-pseudos-visited-computed-001.html b/css/css-pseudo/highlight-cascade/highlight-pseudos-visited-computed-001.html
index a2b18effccdcf7..074ef932b8e514 100644
--- a/css/css-pseudo/highlight-cascade/highlight-pseudos-visited-computed-001.html
+++ b/css/css-pseudo/highlight-cascade/highlight-pseudos-visited-computed-001.html
@@ -11,6 +11,12 @@
   a::target-text {
     color: lime;
   }
+  a::search-text {
+    color: lime;
+  }
+  a::search-text:current {
+    color: red;
+  }
   a::spelling-error {
     color: lime;
   }
@@ -26,6 +32,12 @@
   a:visited::target-text {
     color: yellow;
   }
+  a:visited::search-text {
+    color: yellow;
+  }
+  a:visited::search-text:current {
+    color: red;
+  }
   a:visited::spelling-error {
     color: yellow;
   }
@@ -39,7 +51,7 @@
 <a id="target1" class="target" href=""></a>
 <a id="target2" class="target" href="unvisited"></a>
 <script>
-  for (const pseudo of ["::selection", "::target-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
+  for (const pseudo of ["::selection", "::target-text", "::search-text", "::spelling-error", "::grammar-error", "::highlight(foo)"]) {
     for (const target of [target1, target2]) {
       test(() => {
         let style = getComputedStyle(target, pseudo);