summaryrefslogtreecommitdiff
path: root/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap')
-rw-r--r--spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap342
1 files changed, 204 insertions, 138 deletions
diff --git a/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap b/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap
index 2b706d21f51..1acbf14db88 100644
--- a/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap
+++ b/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap
@@ -1,163 +1,229 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Design management design version dropdown component renders design version dropdown button 1`] = `
-<gl-dropdown-stub
+<gl-base-dropdown-stub
+ ariahaspopup="listbox"
category="primary"
- clearalltext="Clear all"
- clearalltextclass="gl-px-5"
- headertext=""
- hideheaderborder="true"
- highlighteditemstitle="Selected"
- highlighteditemstitleclass="gl-px-5"
+ icon=""
issueiid=""
projectpath=""
size="small"
- text="Showing latest version"
+ toggleid="dropdown-toggle-btn-2"
+ toggletext="Showing latest version"
variant="default"
>
- <gl-dropdown-item-stub
- avatarurl=""
- iconcolor=""
- iconname=""
- iconrightarialabel=""
- iconrightname=""
- ischeckcentered="true"
- ischecked="true"
- ischeckitem="true"
- secondarytext=""
+ <!---->
+
+ <!---->
+
+ <ul
+ aria-labelledby="dropdown-toggle-btn-2"
+ class="gl-dropdown-contents gl-list-style-none gl-pl-0 gl-mb-0"
+ id="listbox"
+ role="listbox"
+ tabindex="-1"
>
- <strong>
- Version
- 2
- (latest)
- </strong>
-
- <div
- class="gl-text-gray-600 gl-mt-1"
+ <gl-listbox-item-stub
+ ischeckcentered="true"
>
- <div>
- Adminstrator
- </div>
-
- <time-ago-stub
- class="text-1"
- cssclass=""
- time="2021-08-09T06:05:00Z"
- tooltipplacement="bottom"
- />
- </div>
- </gl-dropdown-item-stub>
- <gl-dropdown-item-stub
- avatarurl=""
- iconcolor=""
- iconname=""
- iconrightarialabel=""
- iconrightname=""
- ischeckcentered="true"
- ischeckitem="true"
- secondarytext=""
- >
- <strong>
- Version
- 1
-
- </strong>
-
- <div
- class="gl-text-gray-600 gl-mt-1"
+ <span
+ class="gl-display-flex gl-align-items-center"
+ >
+ <div
+ class="gl-avatar gl-avatar-identicon gl-avatar-circle gl-avatar-s32 gl-avatar-identicon-bg1"
+ >
+
+
+
+ </div>
+
+ <span
+ class="gl-display-flex gl-flex-direction-column"
+ >
+ <span
+ class="gl-font-weight-bold"
+ >
+ Version 2 (latest)
+ </span>
+
+ <span
+ class="gl-text-gray-600 gl-mt-1"
+ >
+ <span
+ class="gl-display-block"
+ >
+ Adminstrator
+ </span>
+
+ <time-ago-stub
+ class="text-1"
+ cssclass=""
+ time="2021-08-09T06:05:00Z"
+ tooltipplacement="bottom"
+ />
+ </span>
+ </span>
+ </span>
+ </gl-listbox-item-stub>
+ <gl-listbox-item-stub
+ ischeckcentered="true"
>
- <div>
- Adminstrator
- </div>
-
- <time-ago-stub
- class="text-1"
- cssclass=""
- time="2021-08-09T06:05:00Z"
- tooltipplacement="bottom"
- />
- </div>
- </gl-dropdown-item-stub>
-</gl-dropdown-stub>
+ <span
+ class="gl-display-flex gl-align-items-center"
+ >
+ <div
+ class="gl-avatar gl-avatar-identicon gl-avatar-circle gl-avatar-s32 gl-avatar-identicon-bg1"
+ >
+
+
+
+ </div>
+
+ <span
+ class="gl-display-flex gl-flex-direction-column"
+ >
+ <span
+ class="gl-font-weight-bold"
+ >
+ Version 1
+ </span>
+
+ <span
+ class="gl-text-gray-600 gl-mt-1"
+ >
+ <span
+ class="gl-display-block"
+ >
+ Adminstrator
+ </span>
+
+ <time-ago-stub
+ class="text-1"
+ cssclass=""
+ time="2021-08-09T06:05:00Z"
+ tooltipplacement="bottom"
+ />
+ </span>
+ </span>
+ </span>
+ </gl-listbox-item-stub>
+ </ul>
+
+ <!---->
+
+</gl-base-dropdown-stub>
`;
exports[`Design management design version dropdown component renders design version list 1`] = `
-<gl-dropdown-stub
+<gl-base-dropdown-stub
+ ariahaspopup="listbox"
category="primary"
- clearalltext="Clear all"
- clearalltextclass="gl-px-5"
- headertext=""
- hideheaderborder="true"
- highlighteditemstitle="Selected"
- highlighteditemstitleclass="gl-px-5"
+ icon=""
issueiid=""
projectpath=""
size="small"
- text="Showing latest version"
+ toggleid="dropdown-toggle-btn-4"
+ toggletext="Showing latest version"
variant="default"
>
- <gl-dropdown-item-stub
- avatarurl=""
- iconcolor=""
- iconname=""
- iconrightarialabel=""
- iconrightname=""
- ischeckcentered="true"
- ischecked="true"
- ischeckitem="true"
- secondarytext=""
+ <!---->
+
+ <!---->
+
+ <ul
+ aria-labelledby="dropdown-toggle-btn-4"
+ class="gl-dropdown-contents gl-list-style-none gl-pl-0 gl-mb-0"
+ id="listbox"
+ role="listbox"
+ tabindex="-1"
>
- <strong>
- Version
- 2
- (latest)
- </strong>
-
- <div
- class="gl-text-gray-600 gl-mt-1"
+ <gl-listbox-item-stub
+ ischeckcentered="true"
>
- <div>
- Adminstrator
- </div>
-
- <time-ago-stub
- class="text-1"
- cssclass=""
- time="2021-08-09T06:05:00Z"
- tooltipplacement="bottom"
- />
- </div>
- </gl-dropdown-item-stub>
- <gl-dropdown-item-stub
- avatarurl=""
- iconcolor=""
- iconname=""
- iconrightarialabel=""
- iconrightname=""
- ischeckcentered="true"
- ischeckitem="true"
- secondarytext=""
- >
- <strong>
- Version
- 1
-
- </strong>
-
- <div
- class="gl-text-gray-600 gl-mt-1"
+ <span
+ class="gl-display-flex gl-align-items-center"
+ >
+ <div
+ class="gl-avatar gl-avatar-identicon gl-avatar-circle gl-avatar-s32 gl-avatar-identicon-bg1"
+ >
+
+
+
+ </div>
+
+ <span
+ class="gl-display-flex gl-flex-direction-column"
+ >
+ <span
+ class="gl-font-weight-bold"
+ >
+ Version 2 (latest)
+ </span>
+
+ <span
+ class="gl-text-gray-600 gl-mt-1"
+ >
+ <span
+ class="gl-display-block"
+ >
+ Adminstrator
+ </span>
+
+ <time-ago-stub
+ class="text-1"
+ cssclass=""
+ time="2021-08-09T06:05:00Z"
+ tooltipplacement="bottom"
+ />
+ </span>
+ </span>
+ </span>
+ </gl-listbox-item-stub>
+ <gl-listbox-item-stub
+ ischeckcentered="true"
>
- <div>
- Adminstrator
- </div>
-
- <time-ago-stub
- class="text-1"
- cssclass=""
- time="2021-08-09T06:05:00Z"
- tooltipplacement="bottom"
- />
- </div>
- </gl-dropdown-item-stub>
-</gl-dropdown-stub>
+ <span
+ class="gl-display-flex gl-align-items-center"
+ >
+ <div
+ class="gl-avatar gl-avatar-identicon gl-avatar-circle gl-avatar-s32 gl-avatar-identicon-bg1"
+ >
+
+
+
+ </div>
+
+ <span
+ class="gl-display-flex gl-flex-direction-column"
+ >
+ <span
+ class="gl-font-weight-bold"
+ >
+ Version 1
+ </span>
+
+ <span
+ class="gl-text-gray-600 gl-mt-1"
+ >
+ <span
+ class="gl-display-block"
+ >
+ Adminstrator
+ </span>
+
+ <time-ago-stub
+ class="text-1"
+ cssclass=""
+ time="2021-08-09T06:05:00Z"
+ tooltipplacement="bottom"
+ />
+ </span>
+ </span>
+ </span>
+ </gl-listbox-item-stub>
+ </ul>
+
+ <!---->
+
+</gl-base-dropdown-stub>
`;
View Lorry Controller Status