1 files changed, 31 insertions, 64 deletions
diff --git a/spec/frontend/registry/explorer/components/list_page/__snapshots__/project_empty_state_spec.js.snap b/spec/frontend/registry/explorer/components/list_page/__snapshots__/project_empty_state_spec.js.snap
index d8ec9c3ca4d..8413e17c7b2 100644
--- a/spec/frontend/registry/explorer/components/list_page/__snapshots__/project_empty_state_spec.js.snap
+++ b/spec/frontend/registry/explorer/components/list_page/__snapshots__/project_empty_state_spec.js.snap
@@ -2,13 +2,10 @@
 
 exports[`Registry Project Empty state to match the default snapshot 1`] = `
 <div
-  class="container-message"
   svg-path="bazFoo"
   title="There are no container images stored for this project"
 >
-  <p
-    class="js-no-container-images-text"
-  >
+  <p>
     With the Container Registry, every project can have its own space to store its Docker images. 
     <gl-link-stub
       href="baz"
@@ -22,9 +19,7 @@ exports[`Registry Project Empty state to match the default snapshot 1`] = `
     CLI Commands
   </h5>
    
-  <p
-    class="js-not-logged-in-to-registry-text"
-  >
+  <p>
     If you are not already logged in, you need to authenticate to the Container Registry by using your GitLab username and password. If you have 
     <gl-link-stub
       href="barBaz"
@@ -42,78 +37,50 @@ exports[`Registry Project Empty state to match the default snapshot 1`] = `
      instead of a password.
   </p>
    
-  <div
-    class="input-group append-bottom-10"
+  <gl-form-input-group-stub
+    class="gl-mb-4"
+    predefinedoptions="[object Object]"
+    value=""
   >
-    <input
-      class="form-control monospace"
-      readonly="readonly"
+    <gl-form-input-stub
+      class="gl-font-monospace!"
+      readonly=""
       type="text"
+      value="docker login bar"
     />
-     
-    <span
-      class="input-group-append"
-    >
-      <clipboard-button-stub
-        class="input-group-text"
-        cssclass="btn-default"
-        text="docker login bar"
-        title="Copy login command"
-        tooltipplacement="top"
-      />
-    </span>
-  </div>
+  </gl-form-input-group-stub>
    
-  <p />
-   
-  <p>
+  <p
+    class="gl-mb-4"
+  >
     
       You can add an image to this registry with the following commands:
     
   </p>
    
-  <div
-    class="input-group append-bottom-10"
+  <gl-form-input-group-stub
+    class="gl-mb-4 "
+    predefinedoptions="[object Object]"
+    value=""
   >
-    <input
-      class="form-control monospace"
-      readonly="readonly"
+    <gl-form-input-stub
+      class="gl-font-monospace!"
+      readonly=""
       type="text"
+      value="docker build -t foo ."
     />
-     
-    <span
-      class="input-group-append"
-    >
-      <clipboard-button-stub
-        class="input-group-text"
-        cssclass="btn-default"
-        text="docker build -t foo ."
-        title="Copy build command"
-        tooltipplacement="top"
-      />
-    </span>
-  </div>
+  </gl-form-input-group-stub>
    
-  <div
-    class="input-group"
+  <gl-form-input-group-stub
+    predefinedoptions="[object Object]"
+    value=""
   >
-    <input
-      class="form-control monospace"
-      readonly="readonly"
+    <gl-form-input-stub
+      class="gl-font-monospace!"
+      readonly=""
       type="text"
+      value="docker push foo"
     />
-     
-    <span
-      class="input-group-append"
-    >
-      <clipboard-button-stub
-        class="input-group-text"
-        cssclass="btn-default"
-        text="docker push foo"
-        title="Copy push command"
-        tooltipplacement="top"
-      />
-    </span>
-  </div>
+  </gl-form-input-group-stub>
 </div>
 `;