diff options
Diffstat (limited to 'spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap')
-rw-r--r-- | spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap | 125 |
1 files changed, 86 insertions, 39 deletions
diff --git a/spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap b/spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap index 3ba63fd14f0..3881b2d7679 100644 --- a/spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap +++ b/spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap @@ -1,7 +1,10 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Design management index page designs does not render toolbar when there is no permission 1`] = ` -<div> +<div + class="gl-mt-5" + data-testid="designs-root" +> <!----> <div @@ -11,18 +14,22 @@ exports[`Design management index page designs does not render toolbar when there class="list-unstyled row" > <li - class="col-md-6 col-lg-4 mb-3" + class="gl-flex-direction-column col-md-6 col-lg-3 gl-mb-3" + data-testid="design-dropzone-wrapper" > <design-dropzone-stub - class="design-list-item" + class="design-list-item design-list-item-new" + hasdesigns="true" /> </li> - <li - class="col-md-6 col-lg-4 mb-3" + class="col-md-6 col-lg-3 gl-mb-3 gl-bg-transparent gl-shadow-none js-design-tile" > - <design-dropzone-stub> + <design-dropzone-stub + hasdesigns="true" + > <design-stub + class="gl-bg-white" event="NONE" filename="design-1-name" id="design-1" @@ -34,10 +41,13 @@ exports[`Design management index page designs does not render toolbar when there <!----> </li> <li - class="col-md-6 col-lg-4 mb-3" + class="col-md-6 col-lg-3 gl-mb-3 gl-bg-transparent gl-shadow-none js-design-tile" > - <design-dropzone-stub> + <design-dropzone-stub + hasdesigns="true" + > <design-stub + class="gl-bg-white" event="NONE" filename="design-2-name" id="design-2" @@ -49,10 +59,13 @@ exports[`Design management index page designs does not render toolbar when there <!----> </li> <li - class="col-md-6 col-lg-4 mb-3" + class="col-md-6 col-lg-3 gl-mb-3 gl-bg-transparent gl-shadow-none js-design-tile" > - <design-dropzone-stub> + <design-dropzone-stub + hasdesigns="true" + > <design-stub + class="gl-bg-white" event="NONE" filename="design-3-name" id="design-3" @@ -73,35 +86,50 @@ exports[`Design management index page designs does not render toolbar when there `; exports[`Design management index page designs renders designs list and header with upload button 1`] = ` -<div> +<div + class="gl-mt-5" + data-testid="designs-root" +> <header class="row-content-block border-top-0 p-2 d-flex" > <div - class="d-flex justify-content-between align-items-center w-100" + class="gl-display-flex gl-justify-content-space-between gl-align-items-center gl-w-full" > - <design-version-dropdown-stub /> + <div> + <span + class="gl-font-weight-bold gl-mr-3" + > + Designs + </span> + + <design-version-dropdown-stub /> + </div> <div - class="qa-selector-toolbar d-flex" + class="qa-selector-toolbar gl-display-flex gl-align-items-center" > - <gl-deprecated-button-stub - class="mr-2 js-select-all" - size="md" + <gl-button-stub + category="primary" + class="gl-mr-3 js-select-all" + icon="" + size="small" variant="link" > Select all - </gl-deprecated-button-stub> + + </gl-button-stub> <div> <delete-button-stub - buttonclass="btn-danger btn-inverted mr-2" - buttonvariant="" + buttoncategory="secondary" + buttonclass="gl-mr-3" + buttonsize="small" + buttonvariant="warning" > - Delete selected - - <!----> + Archive selected + </delete-button-stub> </div> @@ -117,18 +145,22 @@ exports[`Design management index page designs renders designs list and header wi class="list-unstyled row" > <li - class="col-md-6 col-lg-4 mb-3" + class="gl-flex-direction-column col-md-6 col-lg-3 gl-mb-3" + data-testid="design-dropzone-wrapper" > <design-dropzone-stub - class="design-list-item" + class="design-list-item design-list-item-new" + hasdesigns="true" /> </li> - <li - class="col-md-6 col-lg-4 mb-3" + class="col-md-6 col-lg-3 gl-mb-3 gl-bg-transparent gl-shadow-none js-design-tile" > - <design-dropzone-stub> + <design-dropzone-stub + hasdesigns="true" + > <design-stub + class="gl-bg-white" event="NONE" filename="design-1-name" id="design-1" @@ -143,10 +175,13 @@ exports[`Design management index page designs renders designs list and header wi /> </li> <li - class="col-md-6 col-lg-4 mb-3" + class="col-md-6 col-lg-3 gl-mb-3 gl-bg-transparent gl-shadow-none js-design-tile" > - <design-dropzone-stub> + <design-dropzone-stub + hasdesigns="true" + > <design-stub + class="gl-bg-white" event="NONE" filename="design-2-name" id="design-2" @@ -161,10 +196,13 @@ exports[`Design management index page designs renders designs list and header wi /> </li> <li - class="col-md-6 col-lg-4 mb-3" + class="col-md-6 col-lg-3 gl-mb-3 gl-bg-transparent gl-shadow-none js-design-tile" > - <design-dropzone-stub> + <design-dropzone-stub + hasdesigns="true" + > <design-stub + class="gl-bg-white" event="NONE" filename="design-3-name" id="design-3" @@ -188,7 +226,10 @@ exports[`Design management index page designs renders designs list and header wi `; exports[`Design management index page designs renders error 1`] = ` -<div> +<div + class="gl-mt-5" + data-testid="designs-root" +> <!----> <div @@ -216,7 +257,10 @@ exports[`Design management index page designs renders error 1`] = ` `; exports[`Design management index page designs renders loading icon 1`] = ` -<div> +<div + class="gl-mt-5" + data-testid="designs-root" +> <!----> <div @@ -235,8 +279,11 @@ exports[`Design management index page designs renders loading icon 1`] = ` </div> `; -exports[`Design management index page when has no designs renders empty text 1`] = ` -<div> +exports[`Design management index page when has no designs renders design dropzone 1`] = ` +<div + class="gl-mt-5" + data-testid="designs-root" +> <!----> <div @@ -246,13 +293,13 @@ exports[`Design management index page when has no designs renders empty text 1`] class="list-unstyled row" > <li - class="col-md-6 col-lg-4 mb-3" + class="col-12" + data-testid="design-dropzone-wrapper" > <design-dropzone-stub - class="design-list-item" + class="" /> </li> - </ol> </div> |