1 files changed, 35 insertions, 0 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/widget/__snapshots__/dynamic_content_spec.js.snap b/spec/frontend/vue_merge_request_widget/components/widget/__snapshots__/dynamic_content_spec.js.snap
new file mode 100644
index 00000000000..08424077269
--- /dev/null
+++ b/spec/frontend/vue_merge_request_widget/components/widget/__snapshots__/dynamic_content_spec.js.snap
@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`~/vue_merge_request_widget/components/widget/dynamic_content.vue renders given data 1`] = `
+"<content-row-stub level=\\"2\\" statusiconname=\\"success\\" widgetname=\\"MyWidget\\" header=\\"This is a header,This is a subheader\\">
+  <div class=\\"gl-display-flex gl-flex-direction-column\\">
+    <div>
+      <p class=\\"gl-mb-0\\">Main text for the row</p>
+      <gl-link-stub href=\\"https://gitlab.com\\">Optional link to display after text</gl-link-stub>
+      <!---->
+      <gl-badge-stub size=\\"md\\" variant=\\"info\\">
+        Badge is optional. Text to be displayed inside badge
+      </gl-badge-stub>
+      <actions-stub widget=\\"MyWidget\\" tertiarybuttons=\\"\\" class=\\"gl-ml-auto gl-pl-3\\"></actions-stub>
+      <p class=\\"gl-m-0 gl-font-sm\\">Optional: Smaller sub-text to be displayed below the main text</p>
+    </div>
+    <ul class=\\"gl-m-0 gl-p-0 gl-list-style-none\\">
+      <li>
+        <content-row-stub level=\\"3\\" statusiconname=\\"\\" widgetname=\\"MyWidget\\" header=\\"Child row header\\" data-qa-selector=\\"child_content\\">
+          <div class=\\"gl-display-flex gl-flex-direction-column\\">
+            <div>
+              <p class=\\"gl-mb-0\\">This is recursive. It will be listed in level 3.</p>
+              <!---->
+              <!---->
+              <!---->
+              <actions-stub widget=\\"MyWidget\\" tertiarybuttons=\\"\\" class=\\"gl-ml-auto gl-pl-3\\"></actions-stub>
+              <!---->
+            </div>
+            <!---->
+          </div>
+        </content-row-stub>
+      </li>
+    </ul>
+  </div>
+</content-row-stub>"
+`;