1 files changed, 136 insertions, 0 deletions
diff --git a/spec/frontend_integration/ide/__snapshots__/ide_integration_spec.js.snap b/spec/frontend_integration/ide/__snapshots__/ide_integration_spec.js.snap
new file mode 100644
index 00000000000..a76f7960d03
--- /dev/null
+++ b/spec/frontend_integration/ide/__snapshots__/ide_integration_spec.js.snap
@@ -0,0 +1,136 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WebIDE runs 1`] = `
+<div>
+  <article
+    class="ide position-relative d-flex flex-column align-items-stretch"
+  >
+    <div
+      class="ide-view flex-grow d-flex"
+    >
+      <div
+        class="file-finder-overlay"
+        style="display: none;"
+      >
+        (jest: contents hidden)
+      </div>
+      <div
+        class="multi-file-commit-panel flex-column"
+        style="width: 340px;"
+      >
+        <div
+          class="multi-file-commit-panel-inner"
+        >
+          <div
+            class="multi-file-loading-container"
+          >
+            <div
+              class="animation-container"
+            >
+              <div
+                class="skeleton-line-1"
+              />
+              <div
+                class="skeleton-line-2"
+              />
+              <div
+                class="skeleton-line-3"
+              />
+            </div>
+          </div>
+          <div
+            class="multi-file-loading-container"
+          >
+            <div
+              class="animation-container"
+            >
+              <div
+                class="skeleton-line-1"
+              />
+              <div
+                class="skeleton-line-2"
+              />
+              <div
+                class="skeleton-line-3"
+              />
+            </div>
+          </div>
+          <div
+            class="multi-file-loading-container"
+          >
+            <div
+              class="animation-container"
+            >
+              <div
+                class="skeleton-line-1"
+              />
+              <div
+                class="skeleton-line-2"
+              />
+              <div
+                class="skeleton-line-3"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="position-absolute position-top-0 position-bottom-0 drag-handle position-right-0"
+          size="340"
+          style="cursor: ew-resize;"
+        />
+      </div>
+      <div
+        class="multi-file-edit-pane"
+      >
+        <div
+          class="ide-empty-state"
+        >
+          <div
+            class="row js-empty-state"
+          >
+            <div
+              class="col-12"
+            >
+              <div
+                class="svg-content svg-250"
+              >
+                <img
+                  src="/test/empty_state.svg"
+                />
+              </div>
+            </div>
+            <div
+              class="col-12"
+            >
+              <div
+                class="text-content text-center"
+              >
+                <h4>
+                  Make and review changes in the browser with the Web IDE
+                </h4>
+                <div
+                  class="gl-spinner-container"
+                >
+                  <span
+                    aria-hidden="true"
+                    aria-label="Loading"
+                    class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-md"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <footer
+      class="ide-status-bar"
+    >
+      <div
+        class="ide-status-list d-flex ml-auto"
+      >
+      </div>
+    </footer>
+  </article>
+</div>
+`;