fix: Updated snap shots.

patternfly · Sep 17, 2024 · e9c6a81 · e9c6a81
1 parent d29fc03
commit e9c6a81
Show file tree

Hide file tree

Showing 3 changed files with 552 additions and 168 deletions.
diff --git a/packages/module/src/components/DesktopViewer/__snapshots__/DesktopViewer.test.tsx.snap b/packages/module/src/components/DesktopViewer/__snapshots__/DesktopViewer.test.tsx.snap
@@ -219,36 +219,48 @@ exports[`DesktopViewer with Spice and VNC 1`] = `
       <div
         class="pf-v6-c-expandable-section"
       >
-        <button
-          aria-controls="remote-viewer-details-content"
-          aria-expanded="false"
+        <div
           class="pf-v6-c-expandable-section__toggle"
-          id="remote-viewer-details-toggle"
-          type="button"
         >
-          <span
-            class="pf-v6-c-expandable-section__toggle-icon"
+          <button
+            aria-controls="remote-viewer-details-content"
+            aria-disabled="false"
+            aria-expanded="false"
+            class="pf-v6-c-button pf-m-link"
+            data-ouia-component-id="OUIA-Generated-Button-link-1"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            id="remote-viewer-details-toggle"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v6-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 256 512"
-              width="1em"
+            <span
+              class="pf-v6-c-button__icon pf-m-start"
             >
-              <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-              />
-            </svg>
-          </span>
-          <span
-            class="pf-v6-c-expandable-section__toggle-text"
-          >
-            Remote Viewer Details
-          </span>
-        </button>
+              <span
+                class="pf-v6-c-expandable-section__toggle-icon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="pf-v6-svg"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  viewBox="0 0 256 512"
+                  width="1em"
+                >
+                  <path
+                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Remote Viewer Details
+            </span>
+          </button>
+        </div>
         <div
           aria-labelledby="remote-viewer-details-toggle"
           class="pf-v6-c-expandable-section__content"
@@ -558,36 +570,48 @@ exports[`DesktopViewer with Spice, VNC and RDP (different hostname) 1`] = `
       <div
         class="pf-v6-c-expandable-section"
       >
-        <button
-          aria-controls="remote-viewer-details-content"
-          aria-expanded="false"
+        <div
           class="pf-v6-c-expandable-section__toggle"
-          id="remote-viewer-details-toggle"
-          type="button"
         >
-          <span
-            class="pf-v6-c-expandable-section__toggle-icon"
+          <button
+            aria-controls="remote-viewer-details-content"
+            aria-disabled="false"
+            aria-expanded="false"
+            class="pf-v6-c-button pf-m-link"
+            data-ouia-component-id="OUIA-Generated-Button-link-4"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            id="remote-viewer-details-toggle"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v6-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 256 512"
-              width="1em"
+            <span
+              class="pf-v6-c-button__icon pf-m-start"
             >
-              <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-              />
-            </svg>
-          </span>
-          <span
-            class="pf-v6-c-expandable-section__toggle-text"
-          >
-            Remote Viewer Details
-          </span>
-        </button>
+              <span
+                class="pf-v6-c-expandable-section__toggle-icon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="pf-v6-svg"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  viewBox="0 0 256 512"
+                  width="1em"
+                >
+                  <path
+                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Remote Viewer Details
+            </span>
+          </button>
+        </div>
         <div
           aria-labelledby="remote-viewer-details-toggle"
           class="pf-v6-c-expandable-section__content"
@@ -723,36 +747,48 @@ exports[`DesktopViewer with Spice, VNC and RDP (different hostname) 1`] = `
       <div
         class="pf-v6-c-expandable-section"
       >
-        <button
-          aria-controls="remote-desktop-details-content"
-          aria-expanded="false"
+        <div
           class="pf-v6-c-expandable-section__toggle"
-          id="remote-desktop-details-toggle"
-          type="button"
         >
-          <span
-            class="pf-v6-c-expandable-section__toggle-icon"
+          <button
+            aria-controls="remote-desktop-details-content"
+            aria-disabled="false"
+            aria-expanded="false"
+            class="pf-v6-c-button pf-m-link"
+            data-ouia-component-id="OUIA-Generated-Button-link-5"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            id="remote-desktop-details-toggle"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v6-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 256 512"
-              width="1em"
+            <span
+              class="pf-v6-c-button__icon pf-m-start"
             >
-              <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-              />
-            </svg>
-          </span>
-          <span
-            class="pf-v6-c-expandable-section__toggle-text"
-          >
-            Remote Desktop Details
-          </span>
-        </button>
+              <span
+                class="pf-v6-c-expandable-section__toggle-icon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="pf-v6-svg"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  viewBox="0 0 256 512"
+                  width="1em"
+                >
+                  <path
+                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Remote Desktop Details
+            </span>
+          </button>
+        </div>
         <div
           aria-labelledby="remote-desktop-details-toggle"
           class="pf-v6-c-expandable-section__content"
@@ -982,36 +1018,48 @@ exports[`DesktopViewer with Spice, VNC and RDP 1`] = `
       <div
         class="pf-v6-c-expandable-section"
       >
-        <button
-          aria-controls="remote-viewer-details-content"
-          aria-expanded="false"
+        <div
           class="pf-v6-c-expandable-section__toggle"
-          id="remote-viewer-details-toggle"
-          type="button"
         >
-          <span
-            class="pf-v6-c-expandable-section__toggle-icon"
+          <button
+            aria-controls="remote-viewer-details-content"
+            aria-disabled="false"
+            aria-expanded="false"
+            class="pf-v6-c-button pf-m-link"
+            data-ouia-component-id="OUIA-Generated-Button-link-2"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            id="remote-viewer-details-toggle"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v6-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 256 512"
-              width="1em"
+            <span
+              class="pf-v6-c-button__icon pf-m-start"
             >
-              <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-              />
-            </svg>
-          </span>
-          <span
-            class="pf-v6-c-expandable-section__toggle-text"
-          >
-            Remote Viewer Details
-          </span>
-        </button>
+              <span
+                class="pf-v6-c-expandable-section__toggle-icon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="pf-v6-svg"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  viewBox="0 0 256 512"
+                  width="1em"
+                >
+                  <path
+                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Remote Viewer Details
+            </span>
+          </button>
+        </div>
         <div
           aria-labelledby="remote-viewer-details-toggle"
           class="pf-v6-c-expandable-section__content"
@@ -1147,36 +1195,48 @@ exports[`DesktopViewer with Spice, VNC and RDP 1`] = `
       <div
         class="pf-v6-c-expandable-section"
       >
-        <button
-          aria-controls="remote-desktop-details-content"
-          aria-expanded="false"
+        <div
           class="pf-v6-c-expandable-section__toggle"
-          id="remote-desktop-details-toggle"
-          type="button"
         >
-          <span
-            class="pf-v6-c-expandable-section__toggle-icon"
+          <button
+            aria-controls="remote-desktop-details-content"
+            aria-disabled="false"
+            aria-expanded="false"
+            class="pf-v6-c-button pf-m-link"
+            data-ouia-component-id="OUIA-Generated-Button-link-3"
+            data-ouia-component-type="PF6/Button"
+            data-ouia-safe="true"
+            id="remote-desktop-details-toggle"
+            type="button"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v6-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 256 512"
-              width="1em"
+            <span
+              class="pf-v6-c-button__icon pf-m-start"
             >
-              <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-              />
-            </svg>
-          </span>
-          <span
-            class="pf-v6-c-expandable-section__toggle-text"
-          >
-            Remote Desktop Details
-          </span>
-        </button>
+              <span
+                class="pf-v6-c-expandable-section__toggle-icon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="pf-v6-svg"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  viewBox="0 0 256 512"
+                  width="1em"
+                >
+                  <path
+                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                  />
+                </svg>
+              </span>
+            </span>
+            <span
+              class="pf-v6-c-button__text"
+            >
+              Remote Desktop Details
+            </span>
+          </button>
+        </div>
         <div
           aria-labelledby="remote-desktop-details-toggle"
           class="pf-v6-c-expandable-section__content"