Media/refactor (#744)

* Media/refactor hooks (#715)

* feat(hooks): add media CRUD hooks

* fix(hooks): update query invalidation logic for media CRUD directories

* fix(hooks): update query invalidation logic for media move

* nit: clean up unused variables and copy

* fix: update with correct query key params

* Media/refactor components (#716)

* refactor(Breadcrumb): update Breadcrumb to parse mediaDirectoryName

* refactor(Breadcrumb): update BreadcrumbItem to accept onClick argument

* fix(Breadcrumb): update CSS and fix typo in resource links

* refactor(move): create move components

* refactor(move): update page move modal with new components

* refactor(media): remove inline queries & upload handler from media select modal

* refactor(media): create parent component for media upload input html component

* refactor(media): add modal and yep schema validation for media settings

* refactor(media): add parent media component for media actions (upload, select, alt-text)

* refactor(media): update EditorModals and FormFieldMedia to use parent media component for actions

* refactor(media): add media move modal

* refactor(media): update FolderCard and MediaCard

* refactor(media): update DirectoryCreation and DirectorySettings for media directories support

* nit: fix extra ~ in copy for special characters error

* chore: update sidebar links for media directories

* chore: clean up unused components

* chore: add media utils and validators

* refactor(media): add medial modal for alt-text input

* fix: allow # in media directory names

* fix: update handling for retrieved mediaDatas

* Media/refactor tests (#717)

* chore: update button copy and button ids in tests

* chore: add alt text copy for EditPage insert media test

* chore: update resource tests for refactored FormFieldMedia component

* chore: update images and files tests for refactored Media flows

* chore: add waits for flaky test timeouts

* chore: fix flaky tests

* Media/refactor layouts (#719)

* refactor(screens): generalize PageMoveScreen to handle both pages and media

* fix: update references to MoveScreen

* feat(screens): add MediaCreation and MediaSettings screens

* refactor(screens): update DirectoryCreation and DirectorySettings to support media directories

* refactor(screens): update DeleteWarning to support media

* refactor(Media): update Media layout:
- remove inline react query
- remove inline upload handler
- replace inline states with url params

* chore: update frontend routes

* fix: add missing variable for ResourceCategory layout

* refactor(media): add medial modal for alt-text input

* chore: encode media directory link in FolderCard

* Media/refactor services (#743)

* feat: add media CRUD services

* fix(services): update directory services with media endpoints and handlers

* fix(services): update mover services with media endpoints

* chore: add mediaServices to servicesContext

* chore: update documentation of endpoints

Author: gweiying

cypress/integration/editPage.spec.js

@@ -133,45 +133,61 @@ describe("Edit unlinked page", () => {
 
   it("Edit page (unlinked) should allow user to add existing image", () => {
     cy.get(".image").click()
+    cy.wait(3000)
     cy.contains(DEFAULT_IMAGE_TITLE).click()
-    cy.contains(":button", "Select image").click()
+    cy.contains(":button", "Select").click()
+
+    cy.get("#altText").clear().type("Hello World")
+    cy.contains(":button", "Save").click()
 
     cy.contains(`/images/${DEFAULT_IMAGE_TITLE}`)
   })
 
   it("Edit page (unlinked) should allow user to upload and add existing image", () => {
     cy.get(".image").click()
-    cy.contains(":button", "Add new image").click()
+    cy.contains(":button", "Add new").click()
 
     cy.get("#file-upload").attachFile(ADDED_IMAGE_PATH)
-    cy.get("#file-name").clear().type(ADDED_IMAGE_TITLE)
+    cy.get("#name").clear().type(ADDED_IMAGE_TITLE)
     cy.get("button")
       .contains(/^Upload$/)
       .click()
     cy.wait(2000)
 
+    cy.contains(":button", "Select").click()
+
+    cy.get("#altText").clear().type("Hello World")
+    cy.contains(":button", "Save").click()
+
     cy.contains(`/images/${ADDED_IMAGE_TITLE}`)
   })
 
   it("Edit page (unlinked) should allow user to upload and add new file", () => {
     cy.get(".file").click()
-    cy.contains(":button", "Add new file").click()
+    cy.contains(":button", "Add new").click()
 
     cy.get("#file-upload").attachFile(ADDED_FILE_PATH)
-    cy.get("#file-name").clear().type(ADDED_FILE_TITLE)
+    cy.get("#name").clear().type(ADDED_FILE_TITLE)
     cy.get("button")
       .contains(/^Upload$/)
       .click()
     cy.wait(2000)
 
+    cy.contains(":button", "Select").click()
+
+    cy.get("#altText").clear().type("Hello World")
+    cy.contains(":button", "Save").click()
+
     cy.contains(`/files/${ADDED_FILE_TITLE}`)
   })
 
   it("Edit page (unlinked) should allow user to add existing file", () => {
     cy.get(".file").click()
     cy.contains(ADDED_FILE_TITLE).click()
-    cy.contains(":button", "Select file").click()
+    cy.contains(":button", "Select").click()
 
+    cy.get("#altText").clear().type("Hello World")
+    cy.contains(":button", "Save").click()
     cy.contains(`/files/${ADDED_FILE_TITLE}`)
   })
 
@@ -311,16 +327,20 @@ describe("Edit collection page", () => {
   it("Edit page (collection) should allow user to add existing image", () => {
     cy.get(".image").click()
     cy.contains(DEFAULT_IMAGE_TITLE).click()
-    cy.contains(":button", "Select image").click()
+    cy.contains(":button", "Select").click()
 
+    cy.get("#altText").clear().type("Hello World")
+    cy.contains(":button", "Save").click()
     cy.contains(`/images/${DEFAULT_IMAGE_TITLE}`)
   })
 
   it("Edit page (collection) should allow user to add existing file", () => {
     cy.get(".file").click()
     cy.contains(ADDED_FILE_TITLE).click()
-    cy.contains(":button", "Select file").click()
+    cy.contains(":button", "Select").click()
 
+    cy.get("#altText").clear().type("Hello World")
+    cy.contains(":button", "Save").click()
     cy.contains(`/files/${ADDED_FILE_TITLE}`)
   })