add vrt for putbak

packages/app/src/components/PageAlert/TrashPageAlert.tsx

@@ -73,8 +73,9 @@ export const TrashPageAlert = (): JSX.Element => {
           className="btn btn-info rounded-pill btn-sm ml-auto mr-2"
           onClick={openPutbackPageModalHandler}
           data-toggle="modal"
+          data-testid="put-back-button"
         >
-          <i className="icon-action-undo" aria-hidden="true"></i> { t('Put Back') }
+          <i className="icon-action-undo" aria-hidden="true"></i> { t('Put Back') }aaa
         </button>
         <button
           type="button"

packages/app/src/components/PutbackPageModal.jsx

@@ -103,7 +103,7 @@ const PutBackPageModal = () => {
     return (
       <>
         <ApiErrorMessageList errs={errs} targetPath={targetPath} />
-        <button type="button" className="btn btn-info" onClick={putbackPageButtonHandler}>
+        <button type="button" className="btn btn-info" onClick={putbackPageButtonHandler} data-testid="put-back-execution-button">
           <i className="icon-action-undo mr-2" aria-hidden="true"></i> { t('Put Back') }
         </button>
       </>
@@ -116,7 +116,7 @@ const PutBackPageModal = () => {
   }, [closePutBackPageModal]);
 
   return (
-    <Modal isOpen={isOpened} toggle={closeModalHandler}>
+    <Modal isOpen={isOpened} toggle={closeModalHandler} data-testid="put-back-page-modal">
       <ModalHeader tag="h4" toggle={closeModalHandler} className="bg-info text-light">
         <HeaderContent/>
       </ModalHeader>

packages/app/test/cypress/integration/20-basic-features/20-basic-features--use-tools.spec.ts

@@ -146,8 +146,14 @@ context('Modal for page operation', () => {
         cy.getByTestid('delete-page-button').click();
       });
       cy.getByTestid('trash-page-alert').should('be.visible');
-      cy.screenshot(`${ssPrefix}-bootstrap4-is-in-garbage-box`)
+      cy.screenshot(`${ssPrefix}-bootstrap4-is-in-garbage-box`);
 
+      cy.getByTestid('put-back-button').click();
+      cy.getByTestid('put-back-page-modal').should('be.visible').within(() => {
+        cy.screenshot(`${ssPrefix}-put-back-modal`);
+        cy.getByTestid('put-back-execution-button').should('be.visible').click();
+      });
+      cy.screenshot(`${ssPrefix}-put-backed-bootstrap4-page`);
   });
 
   // it('PageDuplicateModal is shown successfully', () => {