fix: Copy button not working on forms and readonly editors (#4202)

* fix: fix Copy button

* test: add copy check

* test: adjust copy button test

* test: remove wait

Author: OliwiaGowor

src/shared/contexts/YamlEditorContext/EditorActions.jsx

@@ -105,7 +105,11 @@ export function EditorActions({
         className="action-button"
         tooltip={t('common.tooltips.download')}
       />
-      <CopyButton val={val} className="action-button" resourceName={title} />
+      <CopyButton
+        contentToCopy={val}
+        buttonClassName="action-button"
+        resourceName={title}
+      />
       <Button
         design="Transparent"
         icon={visible ? 'hide' : 'show'}

tests/integration/support/helpers.js

@@ -20,3 +20,15 @@ export function useCategory(category) {
     cy.getLeftNav().contains(category).click();
   });
 }
+
+export const grantClipboardPermissions = () => {
+  cy.wrap(
+    Cypress.automation('remote:debugger:protocol', {
+      command: 'Browser.grantPermissions',
+      params: {
+        permissions: ['clipboardReadWrite', 'clipboardSanitizedWrite'],
+        origin: window.location.origin,
+      },
+    }),
+  );
+};

tests/integration/tests/namespace/test-stateful-sets.spec.js

@@ -1,3 +1,4 @@
+import { grantClipboardPermissions } from '../../support/helpers';
 import { loadFile } from '../../support/loadFile';
 
 const FILE_NAME = 'test-stateful-sets.yaml';
@@ -51,6 +52,29 @@ context('Test Stateful Sets', () => {
     cy.getMidColumn().contains('web:80/TCP');
   });
 
+  it('Check if Copy button works correctly', () => {
+    grantClipboardPermissions();
+    cy.inspectTab('Edit');
+
+    // Stub window.prompt so browser popup never shows
+    cy.window().then((win) => {
+      cy.stub(win, 'prompt')
+        .callsFake((msg, value) => {
+          expect(value).to.contain('kind: StatefulSet');
+          return value;
+        })
+        .as('copyPrompt');
+    });
+
+    cy.get('ui5-button[icon="copy"]:visible').click({ force: true });
+
+    cy.contains(`Copied ${SS_NAME}.yaml to clipboard`).should('be.visible');
+    cy.wait(2100);
+    cy.contains(`Copied ${SS_NAME}.yaml to clipboard`).should('not.exist');
+
+    cy.get('@copyPrompt').should('have.been.called');
+  });
+
   it('Inspect list', () => {
     cy.wait(3000); // wait for the resource to be refeched and displayed in the list
     cy.inspectList(SS_NAME);