export const approveStorage = () => {
  cy.get('#storage_ok').click()
}

export const visitAndApproveStorage = () => {
  cy.viewport(512, 512)
  cy.visit('/instrumented/editor/index.html')
  approveStorage()
}

export const openMainMenu = () => {
  return cy.get('#main_button').click({ force: true })
}

export const openEditorPreferences = () => {
  openMainMenu()
  return cy.get('#tool_editor_prefs').click()
}

export const selectEnglish = () => {
  openEditorPreferences()
  cy.get('#lang_select').select('en')
  cy.get('#tool_prefs_save').click()
}

export const testSnapshot = () => {
  cy.window().then((win) => { // access to the remote Window so we can get the svgEditor variable
    const svgString = win.svgEditor.svgCanvas.getSvgString()
    const svgDom = new DOMParser().parseFromString(svgString, 'text/html').querySelector('body')
    cy.wrap(svgDom).toMatchSnapshot()
  })
}