umbraco-cypress-testhelpers/src/cypress/commands/saveMedia.ts

Test helpers for making Cypress tests for Umbraco solutions

import CommandBase from './commandBase';
import { JsonHelper } from '../../helpers/jsonHelper';

export default class SaveMedia extends CommandBase {
  commandName = 'saveMedia';

  method(media, file) {
    const cy = this.cy;

    if (media == null) {
      return;
    }

    const method = 'POST';
    const url = this.relativeBackOfficePath + '/backoffice/UmbracoApi/Media/PostSave';
    const formData = new FormData();
    formData.append('contentItem', JSON.stringify(media));

    if (file != null) {
      formData.append('file_umbracoFile__', file);
    }

    return cy.getCookie('UMB-XSRF-TOKEN').then((token) => {
      cy.server({
        ignore: (request) => {
          return;
        },
      });
      cy.route(method, url).as('postSave');
      cy.window()
        .then((win) => {
          const xhr = new win.XMLHttpRequest();
          xhr.open(method, url);
          xhr.setRequestHeader('X-UMB-XSRF-TOKEN', token.value);
          xhr.send(formData);
        })
        .wait('@postSave')
        .then((res) => {
          return JsonHelper.getBody(res.response);
        });
    });
  }
}