From 5fc10275adc5bb87c4bca10df3d3d06f138c1942 Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Fri, 29 Apr 2022 15:31:33 +0200
Subject: [PATCH] Add quicklink compatibility for oc10, changelog item

---
 .../enhancement-introduce-quicklink           |   6 +
 .../components/SideBar/PrivateLinkItem.vue    |  21 ++-
 .../components/SideBar/Shares/FileLinks.vue   |   3 -
 .../web-app-files/src/helpers/resources.ts    |   8 +-
 .../SideBar/Links/PrivateLinkItem.spec.js     |  77 ----------
 .../SideBar/PrivateLinkItem.spec.js           |  62 ++++++---
 .../Shared/CopyToClipboardButton.spec.js      | 130 -----------------
 .../SideBar/Shares/Links/NameAndCopy.spec.js  | 131 ++++++++++++++++++
 .../__snapshots__/NameAndCopy.spec.js.snap    |   2 +-
 .../PrivateLinkItem.spec.js.snap              |   7 +
 10 files changed, 206 insertions(+), 241 deletions(-)
 create mode 100644 changelog/unreleased/enhancement-introduce-quicklink
 delete mode 100644 packages/web-app-files/tests/unit/components/SideBar/Links/PrivateLinkItem.spec.js
 delete mode 100644 packages/web-app-files/tests/unit/components/SideBar/Shared/CopyToClipboardButton.spec.js
 create mode 100644 packages/web-app-files/tests/unit/components/SideBar/__snapshots__/PrivateLinkItem.spec.js.snap

diff --git a/changelog/unreleased/enhancement-introduce-quicklink b/changelog/unreleased/enhancement-introduce-quicklink
new file mode 100644
index 00000000000..b305107365d
--- /dev/null
+++ b/changelog/unreleased/enhancement-introduce-quicklink
@@ -0,0 +1,6 @@
+Enhancement: Introduce quicklinks
+
+We have added quicklinks to the link share section in the right sidebar. Clicking the link quickaction and the link menu item in the files table contextmenu now always copy the quick link instead of creating a new link (and create it first, if it didn't exist before).
+
+https://github.com/owncloud/web/pull/6820
+https://github.com/owncloud/web/issues/6605
diff --git a/packages/web-app-files/src/components/SideBar/PrivateLinkItem.vue b/packages/web-app-files/src/components/SideBar/PrivateLinkItem.vue
index b1919167bd8..7de1ee3f01b 100644
--- a/packages/web-app-files/src/components/SideBar/PrivateLinkItem.vue
+++ b/packages/web-app-files/src/components/SideBar/PrivateLinkItem.vue
@@ -1,13 +1,13 @@
 <template>
   <oc-button
-    v-oc-tooltip="copyToClipboardLabel"
-    class="oc-files-private-link-copy-url"
-    :aria-label="copyToClipboardLabel"
+    v-oc-tooltip="buttonLabel"
     appearance="raw"
+    :aria-label="buttonLabel"
+    class="oc-files-private-link-copy-url"
     :variation="copied ? 'success' : 'passive'"
-    @click="copyValueToClipboard"
+    @click="copyPrivateLinkToClipboard"
   >
-    <span v-text="copyToClipboardText" />
+    <span v-text="buttonText" />
     <oc-icon
       v-if="copied"
       key="oc-copy-to-clipboard-copied"
@@ -30,20 +30,17 @@ export default {
     timeout: null
   }),
   computed: {
-    link() {
-      return this.displayedItem.value.privateLink
-    },
-    copyToClipboardText() {
+    buttonText() {
       return this.$gettext('Private link')
     },
-    copyToClipboardLabel() {
+    buttonLabel() {
       return this.$gettext('Copy private link to clipboard')
     }
   },
   methods: {
     ...mapActions(['showMessage']),
-    copyValueToClipboard() {
-      copyToClipboard(this.displayedItem.value)
+    copyPrivateLinkToClipboard() {
+      copyToClipboard(this.displayedItem.value.privateLink)
       this.clipboardSuccessHandler()
       this.showMessage({
         title: this.$gettext('Private link copied'),
diff --git a/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue b/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
index 9d9810165ae..0b245a2d85a 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
@@ -246,13 +246,10 @@ export default defineComponent({
     },
 
     links() {
-      // exclude quicklink here
       const nonQuickLinkOutgoingLinks = this.currentFileOutgoingLinks.filter(
         (link) => !link.quicklink
       )
 
-      console.log(nonQuickLinkOutgoingLinks, this.currentFileOutgoingLinks)
-
       return [...nonQuickLinkOutgoingLinks, ...this.indirectLinks]
         .sort(this.linksComparator)
         .map((share) => {
diff --git a/packages/web-app-files/src/helpers/resources.ts b/packages/web-app-files/src/helpers/resources.ts
index eb2647cd401..961c9dd6489 100644
--- a/packages/web-app-files/src/helpers/resources.ts
+++ b/packages/web-app-files/src/helpers/resources.ts
@@ -433,6 +433,11 @@ function _buildLink(link): Share {
     description = role.label
   }
 
+  const attributes = JSON.parse(link.attributes) || []
+  const oc10QuickLink = attributes.find((attr) => attr.key === 'isQuickLink')?.enabled
+  const ocisQuickLink = link.quicklink === 'true'
+  const quicklink = oc10QuickLink || ocisQuickLink
+
   return {
     shareType: parseInt(link.share_type),
     id: link.id,
@@ -441,8 +446,7 @@ function _buildLink(link): Share {
     path: link.path,
     permissions: link.permissions,
     description,
-    // TODO: May need OC10 differentiation
-    quicklink: link.quicklink === 'true',
+    quicklink,
     stime: link.stime,
     name: typeof link.name === 'string' ? link.name : (link.token as string),
     password: !!(link.share_with && link.share_with_displayname),
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Links/PrivateLinkItem.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Links/PrivateLinkItem.spec.js
deleted file mode 100644
index 7ad90106227..00000000000
--- a/packages/web-app-files/tests/unit/components/SideBar/Links/PrivateLinkItem.spec.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import Vuex from 'vuex'
-import GetTextPlugin from 'vue-gettext'
-import DesignSystem from 'owncloud-design-system'
-import { shallowMount, createLocalVue } from '@vue/test-utils'
-import PrivateLinkItem from '@files/src/components/SideBar/PrivateLinkItem.vue'
-
-const localVue = createLocalVue()
-
-localVue.use(Vuex)
-localVue.use(DesignSystem)
-localVue.use(GetTextPlugin, {
-  translations: 'does-not-matter.json',
-  silent: true
-})
-
-describe('PrivateLinkItem', () => {
-  it('should render the copy-to-clipboard button and a success message upon clicking it', () => {
-    const store = createStore()
-    const wrapper = getShallowWrapper(store)
-    const copyToClipboardButtonElement = wrapper.find('.oc-files-private-link-copy-url')
-
-    expect(copyToClipboardButtonElement.exists()).toBeTruthy()
-    expect(copyToClipboardButtonElement.attributes().text).toBe('Private link')
-    expect(copyToClipboardButtonElement.attributes().label).toBe('Copy private link to clipboard')
-    expect(copyToClipboardButtonElement.attributes().successmsgtitle).toBe('Private link copied')
-    expect(copyToClipboardButtonElement.attributes().successmsgtext).toBe(
-      'The private link has been copied to your clipboard.'
-    )
-  })
-})
-
-const getTestFolder = () => ({
-  type: 'folder',
-  ownerId: 'marie',
-  ownerDisplayName: 'Marie',
-  mdate: 'Wed, 21 Oct 2015 07:28:00 GMT',
-  size: '740',
-  name: 'lorem.txt',
-  privateLink: 'some-link'
-})
-
-function createStore() {
-  return new Vuex.Store({
-    getters: {
-      capabilities: function () {
-        return {
-          files: {
-            privateLinks: true
-          }
-        }
-      }
-    },
-    modules: {
-      Files: {
-        namespaced: true,
-        getters: {
-          highlightedFile: () => getTestFolder()
-        }
-      }
-    }
-  })
-}
-
-function getShallowWrapper(store) {
-  return shallowMount(PrivateLinkItem, {
-    localVue,
-    store,
-    stubs: {
-      'copy-to-clipboard-button': true
-    },
-    provide: {
-      displayedItem: {
-        value: getTestFolder()
-      }
-    }
-  })
-}
diff --git a/packages/web-app-files/tests/unit/components/SideBar/PrivateLinkItem.spec.js b/packages/web-app-files/tests/unit/components/SideBar/PrivateLinkItem.spec.js
index 7ad90106227..ff27c66720f 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/PrivateLinkItem.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/PrivateLinkItem.spec.js
@@ -1,9 +1,11 @@
 import Vuex from 'vuex'
 import GetTextPlugin from 'vue-gettext'
 import DesignSystem from 'owncloud-design-system'
-import { shallowMount, createLocalVue } from '@vue/test-utils'
+import { mount, createLocalVue } from '@vue/test-utils'
 import PrivateLinkItem from '@files/src/components/SideBar/PrivateLinkItem.vue'
 
+jest.useFakeTimers()
+
 const localVue = createLocalVue()
 
 localVue.use(Vuex)
@@ -13,19 +15,43 @@ localVue.use(GetTextPlugin, {
   silent: true
 })
 
+const mapActions = {
+  showMessage: jest.fn()
+}
+
 describe('PrivateLinkItem', () => {
-  it('should render the copy-to-clipboard button and a success message upon clicking it', () => {
+  it('should render a button', () => {
+    const store = createStore()
+    const wrapper = getWrapper(store)
+
+    expect(wrapper).toMatchSnapshot()
+  })
+  it('upon clicking it should copy the private link to the clipboard button, render a success message and change icon for half a second', async () => {
+    const spyShowMessage = jest.spyOn(mapActions, 'showMessage')
+    const windowSpy = jest.spyOn(window, 'prompt').mockImplementation()
+
     const store = createStore()
-    const wrapper = getShallowWrapper(store)
-    const copyToClipboardButtonElement = wrapper.find('.oc-files-private-link-copy-url')
-
-    expect(copyToClipboardButtonElement.exists()).toBeTruthy()
-    expect(copyToClipboardButtonElement.attributes().text).toBe('Private link')
-    expect(copyToClipboardButtonElement.attributes().label).toBe('Copy private link to clipboard')
-    expect(copyToClipboardButtonElement.attributes().successmsgtitle).toBe('Private link copied')
-    expect(copyToClipboardButtonElement.attributes().successmsgtext).toBe(
-      'The private link has been copied to your clipboard.'
+    const wrapper = getWrapper(store)
+
+    expect(spyShowMessage).not.toHaveBeenCalled()
+    expect(windowSpy).not.toHaveBeenCalled()
+
+    await wrapper.trigger('click')
+
+    expect(wrapper).toMatchSnapshot()
+
+    expect(spyShowMessage).toHaveBeenCalledTimes(1)
+    expect(windowSpy).toHaveBeenCalledTimes(1)
+    expect(windowSpy).toHaveBeenCalledWith(
+      'Copy to clipboard: Ctrl+C, Enter',
+      'https://example.com/fake-private-link'
     )
+
+    jest.advanceTimersByTime(550)
+
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper).toMatchSnapshot()
+    })
   })
 })
 
@@ -36,11 +62,14 @@ const getTestFolder = () => ({
   mdate: 'Wed, 21 Oct 2015 07:28:00 GMT',
   size: '740',
   name: 'lorem.txt',
-  privateLink: 'some-link'
+  privateLink: 'https://example.com/fake-private-link'
 })
 
 function createStore() {
   return new Vuex.Store({
+    actions: mapActions,
+    commit: jest.fn(),
+    dispatch: jest.fn(),
     getters: {
       capabilities: function () {
         return {
@@ -61,12 +90,13 @@ function createStore() {
   })
 }
 
-function getShallowWrapper(store) {
-  return shallowMount(PrivateLinkItem, {
+function getWrapper(store) {
+  return mount(PrivateLinkItem, {
     localVue,
     store,
-    stubs: {
-      'copy-to-clipboard-button': true
+    stubs: {},
+    directives: {
+      'oc-tooltip': jest.fn()
     },
     provide: {
       displayedItem: {
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shared/CopyToClipboardButton.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Shared/CopyToClipboardButton.spec.js
deleted file mode 100644
index 30ee5607dba..00000000000
--- a/packages/web-app-files/tests/unit/components/SideBar/Shared/CopyToClipboardButton.spec.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import Vuex from 'vuex'
-import DesignSystem from 'owncloud-design-system'
-import { createLocalVue, mount, shallowMount } from '@vue/test-utils'
-import CopyToClipboardButton from '@files/src/components/SideBar/Shared/CopyToClipboardButton.vue'
-
-jest.useFakeTimers()
-
-const localVue = createLocalVue()
-localVue.use(Vuex)
-localVue.use(DesignSystem)
-
-const selectors = {
-  copiedIcon: '._clipboard-success-animation'
-}
-
-const mapActions = {
-  showMessage: jest.fn()
-}
-
-describe('CopyToClipboardButton', () => {
-  it('should set provided label as button aria label', () => {
-    const wrapper = getShallowWrapper()
-
-    expect(wrapper.attributes('arialabel')).toBe('test label')
-  })
-
-  describe('copy to clipboard copied icon', () => {
-    it('should be visible if copied is set to true', () => {
-      const wrapper = getShallowWrapper(true)
-
-      expect(wrapper.find(selectors.copiedIcon).exists()).toBeTruthy()
-    })
-
-    it('should not be visible if copied is set to false', () => {
-      const wrapper = getShallowWrapper()
-
-      expect(wrapper.find(selectors.copiedIcon).exists()).toBeFalsy()
-    })
-  })
-  describe('when the button is clicked', () => {
-    const spyShowMessage = jest.spyOn(mapActions, 'showMessage')
-    const windowSpy = jest.spyOn(window, 'prompt').mockImplementation()
-    const wrapper = getMountedWrapper()
-
-    it('should copy the value to the clipboard and trigger the showMessage store action', async () => {
-      expect(spyShowMessage).not.toHaveBeenCalled()
-      expect(windowSpy).not.toHaveBeenCalled()
-
-      await wrapper.trigger('click')
-
-      expect(spyShowMessage).toHaveBeenCalledTimes(1)
-      expect(windowSpy).toHaveBeenCalledTimes(1)
-      expect(windowSpy).toHaveBeenCalledWith('Copy to clipboard: Ctrl+C, Enter', 'test string')
-      expect(wrapper.find(selectors.copiedIcon).exists()).toBeTruthy()
-    })
-
-    it('should set copied to true and then to false after a timeout', () => {
-      // constant set in wrapper component
-      const clipboardSuccessHandlerTimeout = 550
-      expect(wrapper.vm.copied).toBeTruthy()
-      expect(wrapper.find(selectors.copiedIcon).exists()).toBeTruthy()
-
-      jest.advanceTimersByTime(clipboardSuccessHandlerTimeout)
-
-      wrapper.vm.$nextTick(() => {
-        expect(wrapper.vm.copied).toBeFalsy()
-        expect(wrapper.find(selectors.copiedIcon).exists()).toBeFalsy()
-      })
-    })
-  })
-})
-
-function createStore() {
-  return new Vuex.Store({
-    actions: mapActions,
-    commit: jest.fn(),
-    dispatch: jest.fn()
-  })
-}
-
-function getMountOptions({
-  stubs = {
-    'oc-icon': true,
-    'oc-button': true
-  }
-}) {
-  return {
-    localVue,
-    store: createStore(),
-    propsData: {
-      value: 'test string',
-      label: 'test label',
-      successMsgTitle: 'test success',
-      successMsgText: 'test success text'
-    },
-    stubs: stubs,
-    directives: {
-      'oc-tooltip': jest.fn()
-    }
-  }
-}
-
-function getShallowWrapper(copied = false) {
-  return shallowMount(CopyToClipboardButton, {
-    ...getMountOptions({
-      copied: copied,
-      stubs: {
-        'oc-icon': true,
-        'oc-button': true
-      }
-    }),
-    data() {
-      return {
-        copied: copied
-      }
-    }
-  })
-}
-
-function getMountedWrapper() {
-  return mount(
-    CopyToClipboardButton,
-    getMountOptions({
-      stubs: {
-        'oc-icon': true,
-        'oc-button': false
-      }
-    })
-  )
-}
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/NameAndCopy.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/NameAndCopy.spec.js
index 5f0aa0b63bf..da3117d2e0e 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/NameAndCopy.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/NameAndCopy.spec.js
@@ -34,3 +34,134 @@ function getShallowWrapper() {
     }
   })
 }
+
+// import Vuex from 'vuex'
+// import DesignSystem from 'owncloud-design-system'
+// import { createLocalVue, mount, shallowMount } from '@vue/test-utils'
+// import CopyToClipboardButton from '@files/src/components/SideBar/Shared/CopyToClipboardButton.vue'
+
+// jest.useFakeTimers()
+
+// const localVue = createLocalVue()
+// localVue.use(Vuex)
+// localVue.use(DesignSystem)
+
+// const selectors = {
+//   copiedIcon: '._clipboard-success-animation'
+// }
+
+// const mapActions = {
+//   showMessage: jest.fn()
+// }
+
+// describe('CopyToClipboardButton', () => {
+//   it('should set provided label as button aria label', () => {
+//     const wrapper = getShallowWrapper()
+
+//     expect(wrapper.attributes('arialabel')).toBe('test label')
+//   })
+
+//   describe('copy to clipboard copied icon', () => {
+//     it('should be visible if copied is set to true', () => {
+//       const wrapper = getShallowWrapper(true)
+
+//       expect(wrapper.find(selectors.copiedIcon).exists()).toBeTruthy()
+//     })
+
+//     it('should not be visible if copied is set to false', () => {
+//       const wrapper = getShallowWrapper()
+
+//       expect(wrapper.find(selectors.copiedIcon).exists()).toBeFalsy()
+//     })
+//   })
+//   describe('when the button is clicked', () => {
+//     const spyShowMessage = jest.spyOn(mapActions, 'showMessage')
+//     const windowSpy = jest.spyOn(window, 'prompt').mockImplementation()
+//     const wrapper = getMountedWrapper()
+
+//     it('should copy the value to the clipboard and trigger the showMessage store action', async () => {
+//       expect(spyShowMessage).not.toHaveBeenCalled()
+//       expect(windowSpy).not.toHaveBeenCalled()
+
+//       await wrapper.trigger('click')
+
+//       expect(spyShowMessage).toHaveBeenCalledTimes(1)
+//       expect(windowSpy).toHaveBeenCalledTimes(1)
+//       expect(windowSpy).toHaveBeenCalledWith('Copy to clipboard: Ctrl+C, Enter', 'test string')
+//       expect(wrapper.find(selectors.copiedIcon).exists()).toBeTruthy()
+//     })
+
+//     it('should set copied to true and then to false after a timeout', () => {
+//       // constant set in wrapper component
+//       const clipboardSuccessHandlerTimeout = 550
+//       expect(wrapper.vm.copied).toBeTruthy()
+//       expect(wrapper.find(selectors.copiedIcon).exists()).toBeTruthy()
+
+//       jest.advanceTimersByTime(clipboardSuccessHandlerTimeout)
+
+//       wrapper.vm.$nextTick(() => {
+//         expect(wrapper.vm.copied).toBeFalsy()
+//         expect(wrapper.find(selectors.copiedIcon).exists()).toBeFalsy()
+//       })
+//     })
+//   })
+// })
+
+// function createStore() {
+//   return new Vuex.Store({
+//     actions: mapActions,
+//     commit: jest.fn(),
+//     dispatch: jest.fn()
+//   })
+// }
+
+// function getMountOptions({
+//   stubs = {
+//     'oc-icon': true,
+//     'oc-button': true
+//   }
+// }) {
+//   return {
+//     localVue,
+//     store: createStore(),
+//     propsData: {
+//       value: 'test string',
+//       label: 'test label',
+//       successMsgTitle: 'test success',
+//       successMsgText: 'test success text'
+//     },
+//     stubs: stubs,
+//     directives: {
+//       'oc-tooltip': jest.fn()
+//     }
+//   }
+// }
+
+// function getShallowWrapper(copied = false) {
+//   return shallowMount(CopyToClipboardButton, {
+//     ...getMountOptions({
+//       copied: copied,
+//       stubs: {
+//         'oc-icon': true,
+//         'oc-button': true
+//       }
+//     }),
+//     data() {
+//       return {
+//         copied: copied
+//       }
+//     }
+//   })
+// }
+
+// function getMountedWrapper() {
+//   return mount(
+//     CopyToClipboardButton,
+//     getMountOptions({
+//       stubs: {
+//         'oc-icon': true,
+//         'oc-button': false
+//       }
+//     })
+//   )
+// }
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/__snapshots__/NameAndCopy.spec.js.snap b/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/__snapshots__/NameAndCopy.spec.js.snap
index 5f5df96b485..cdac8371e46 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/__snapshots__/NameAndCopy.spec.js.snap
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/Links/__snapshots__/NameAndCopy.spec.js.snap
@@ -8,7 +8,7 @@ exports[`NameAndCopy should show link info component 1`] = `
       <oc-icon-stub name="link" filltype="line" accessiblelabel="" type="span" size="medium" variation="passive" color=""></oc-icon-stub>
       <p class="oc-files-file-link-url oc-ml-s oc-text-truncate oc-my-rm">https://some-url.com/abc</p>
     </div>
-    <copy-to-clipboard-button-stub text="" value="https://some-url.com/abc" label="Copy link to clipboard" successmsgtitle="Link copied" successmsgtext="The link &quot;Example link&quot; has been copied to your clipboard." class="oc-files-public-link-copy-url"></copy-to-clipboard-button-stub>
+    <oc-button-stub type="button" size="medium" arialabel="Copy link to clipboard" submit="button" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" class="oc-files-public-link-copy-url">Copy</oc-button-stub>
   </div>
 </div>
 `;
diff --git a/packages/web-app-files/tests/unit/components/SideBar/__snapshots__/PrivateLinkItem.spec.js.snap b/packages/web-app-files/tests/unit/components/SideBar/__snapshots__/PrivateLinkItem.spec.js.snap
new file mode 100644
index 00000000000..2b1ba9ed963
--- /dev/null
+++ b/packages/web-app-files/tests/unit/components/SideBar/__snapshots__/PrivateLinkItem.spec.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PrivateLinkItem should render a button 1`] = `<button aria-label="Copy private link to clipboard" type="button" class="oc-files-private-link-copy-url oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw"><span>Private link</span> <span class="oc-icon oc-icon-m oc-icon-passive"><!----></span></button>`;
+
+exports[`PrivateLinkItem upon clicking it should copy the private link to the clipboard button, render a success message and change icon for half a second 1`] = `<button aria-label="Copy private link to clipboard" type="button" class="oc-files-private-link-copy-url oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-success oc-button-success-raw"><span>Private link</span> <span class="_clipboard-success-animation oc-icon oc-icon-m oc-icon-passive"><!----></span></button>`;
+
+exports[`PrivateLinkItem upon clicking it should copy the private link to the clipboard button, render a success message and change icon for half a second 2`] = `<button aria-label="Copy private link to clipboard" type="button" class="oc-files-private-link-copy-url oc-button oc-rounded oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw"><span>Private link</span> <span class="oc-icon oc-icon-m oc-icon-passive"><!----></span></button>`;