Add latest changes from gitlab-org/gitlab@master

1 files changed, 61 insertions, 0 deletions

diff --git a/spec/frontend/static_site_editor/components/saved_changes_message_spec.js b/spec/frontend/static_site_editor/components/saved_changes_message_spec.js
new file mode 100644
index 00000000000..76ac7de5c32
--- /dev/null
+++ b/spec/frontend/static_site_editor/components/saved_changes_message_spec.js
@@ -0,0 +1,61 @@
+import { shallowMount } from '@vue/test-utils';
+import SavedChangesMessage from '~/static_site_editor/components/saved_changes_message.vue';
+
+describe('~/static_site_editor/components/saved_changes_message.vue', () => {
+  let wrapper;
+  const props = {
+    branch: {
+      label: '123-the-branch',
+      url: 'https://gitlab.com/gitlab-org/gitlab/-/tree/123-the-branch',
+    },
+    commit: {
+      label: 'a123',
+      url: 'https://gitlab.com/gitlab-org/gitlab/-/commit/a123',
+    },
+    mergeRequest: {
+      label: '123',
+      url: 'https://gitlab.com/gitlab-org/gitlab/-/merge_requests/123',
+    },
+    returnUrl: 'https://www.the-static-site.com/post',
+  };
+  const findReturnToSiteButton = () => wrapper.find({ ref: 'returnToSiteButton' });
+  const findMergeRequestButton = () => wrapper.find({ ref: 'mergeRequestButton' });
+  const findBranchLink = () => wrapper.find({ ref: 'branchLink' });
+  const findCommitLink = () => wrapper.find({ ref: 'commitLink' });
+  const findMergeRequestLink = () => wrapper.find({ ref: 'mergeRequestLink' });
+
+  beforeEach(() => {
+    wrapper = shallowMount(SavedChangesMessage, {
+      propsData: props,
+    });
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  it.each`
+    text                    | findEl                    | url
+    ${'Return to site'}     | ${findReturnToSiteButton} | ${props.returnUrl}
+    ${'View merge request'} | ${findMergeRequestButton} | ${props.mergeRequest.url}
+  `('renders "$text" button link', ({ text, findEl, url }) => {
+    const btn = findEl();
+
+    expect(btn.exists()).toBe(true);
+    expect(btn.text()).toBe(text);
+    expect(btn.attributes('href')).toBe(url);
+  });
+
+  it.each`
+    desc               | findEl                  | prop
+    ${'branch'}        | ${findBranchLink}       | ${props.branch}
+    ${'commit'}        | ${findCommitLink}       | ${props.commit}
+    ${'merge request'} | ${findMergeRequestLink} | ${props.mergeRequest}
+  `('renders $desc link', ({ findEl, prop }) => {
+    const el = findEl();
+
+    expect(el.exists()).toBe(true);
+    expect(el.attributes('href')).toBe(prop.url);
+    expect(el.text()).toBe(prop.label);
+  });
+});