From 37e35064aa62fc5ec556d9a1baa66c1685b76d97 Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Fri, 22 Sep 2023 11:56:19 +0100
Subject: [PATCH] Merge pull request #14860 from
 overleaf/mj-figure-modal-paste-image-test

[cypress] Add test for pasting a file to open figure modal

GitOrigin-RevId: c9339bbf8d71d7765fe8db98d7edbe5bed047dbc
---
 .../web/cypress/fixtures/images/gradient.png   | Bin 0 -> 1358 bytes
 .../components/figure-modal.spec.tsx           |  17 +++++++++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 services/web/cypress/fixtures/images/gradient.png

diff --git a/services/web/cypress/fixtures/images/gradient.png b/services/web/cypress/fixtures/images/gradient.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2152f9e9e25bac0f425baa9a01cf0d3b8c6ac66
GIT binary patch
literal 1358
zcmeAS@N?(olHy`uVBq!ia0y~yVAKI&4mO}jWo=(6kkgv!>>S|f?5t2wl%JNFlghxL
zF|l@{t;b;pnWOQ+OBaO-T6b8atY}Jb3^@|GI-rGXVOYl1gHJB$XIz@FWQPUUI#zaj
zvDJKf=XP1`;A(on-m$uS@}ll3KlU%VpmeSIaowKX-*;5Ab6i!ryk=XW!{uCK!S1e=
zUsg#}v^Ln4EM#A7w7JL9vup9wAG_N7*Ov><yZY<S{Ke5{BX~Y^9@%`xAomgPqnEz7
zAMEj$Nve!gwNsZfe%W-SKPKF!?(v-B$OkhOjc3kK=M(JSsTMYC##7(kiY|*aSyoTE
zHTy%)MbFuqH1q2FlkpN~UTB|=S#H@PA-0i)Q%Ph>po5^9(w0|CB0MhCZE3B)@YVZC
z(1}n6<>O3V7Zi5aeX##=ckR@<b3ROJ3S98_XrWzO;{m;Z)fVTzZ+v{kkKw;@!BX=-
zOSKF>dsZ!7*xKK4FZaQtT?;j<4?N{F_>gj9*&DCASx#o$d*)v>U)uODdO`8o*K7Cn
zUuIYEj6Is)(CnO`;(qhB?!CJg@7&&>{_5{v2G`F;QzwNq90A4)TavfC3qu~me+Guc
zn{NAnBAf*tk;M!QddeWoSh3W;3@FH6;_2(k{+vmWTS&sl_Gt=GNV3E=qQp5rH#aq}
zgu%HeHL)Z$MWH;iBtya7(>EZzkx!g~fmzkl#WAGf*4t|vIU5W_Tmz??XimB%vdiA0
zY3n12DC?FyMS08gmhhOk`_taO<Vc<urpz+wb8d?Rn=nHYt3pIW0waeQkN~lP0$?_W
z7?@3rB+&}-T0sX>KE$uwdY7y5NsYAPgdlz83X(iaYN%lM>;Rhbp*7@mW~+nO-W~xD
eY5tMtd-1-jJUfIHuL}Tk6@#a%pUXO@geCym#H4@#

literal 0
HcmV?d00001

diff --git a/services/web/test/frontend/features/source-editor/components/figure-modal.spec.tsx b/services/web/test/frontend/features/source-editor/components/figure-modal.spec.tsx
index a8558a5d6e..c8cf0f788e 100644
--- a/services/web/test/frontend/features/source-editor/components/figure-modal.spec.tsx
+++ b/services/web/test/frontend/features/source-editor/components/figure-modal.spec.tsx
@@ -384,6 +384,23 @@ text below`,
       cy.get('.cm-content').should('have.text', 'text abovetext below')
     })
 
+    it('Opens figure modal on pasting image', function () {
+      cy.fixture<Uint8Array>('images/gradient.png').then(gradientBuffer => {
+        const gradientFile = new File([gradientBuffer], 'gradient.png', {
+          type: 'image/png',
+        })
+        const clipboardData = new DataTransfer()
+        clipboardData.items.add(gradientFile)
+        cy.wrap(clipboardData.files).should('have.length', 1)
+        cy.get('.cm-content').trigger('paste', { clipboardData })
+        cy.findByText('Upload from computer').should('be.visible')
+        cy.findByLabelText('File name in this project').should(
+          'have.value',
+          'gradient.png'
+        )
+      })
+    })
+
     // TODO: Add tests for replacing image when we can match on image path
     // TODO: Add tests for changing image size when we can match on figure width
   })