glib-web 4.44.6 → 5.0.0

package/cypress/e2e/glib-web/fieldsDateTime.cy.ts

@@ -0,0 +1,48 @@
+import { testPageUrl, withComponent } from "../../helper"
+
+const url = testPageUrl('fields_date_time')
+
+describe('fields_date_time', () => {
+  it('updates date actions', () => {
+    cy.visit(url)
+
+    cy.contains('Set today + 1 week').click()
+    cy.get('#date_status').should('contain.text', 'Date changed')
+
+    cy.contains('Clear date').click()
+    cy.get('#date_status').should('contain.text', 'Date changed')
+    cy.get('input[name="user[date_basic]"]').should('have.value', '')
+  })
+
+  it('updates datetime actions', () => {
+    cy.visit(url)
+
+    cy.contains('Set datetime (evening)').click()
+    cy.get('#datetime_status').should('contain.text', 'Datetime changed')
+    cy.get('input[name="user[datetime_basic]"]').should('have.value', '2024-12-12T18:45')
+
+    cy.contains('Clear datetime').click()
+    cy.get('#datetime_status').should('contain.text', 'Datetime changed')
+    cy.get('input[name="user[datetime_basic]"]').should('have.value', '')
+  })
+
+  it('toggles templates and disabled state', () => {
+    cy.visit(url)
+
+    cy.contains('Disable date').click()
+    cy.get('#date_basic').find('.v-input--disabled').should('exist')
+
+    cy.contains('Enable date').click()
+    cy.get('#date_basic').find('.v-input--disabled').should('not.exist')
+
+    cy.contains('Use text template').click()
+    withComponent('datetime_plain', (comp) => {
+      expect(comp.spec.template.type).to.eq('text')
+    })
+
+    cy.contains('Restore plain template').click()
+    withComponent('datetime_plain', (comp) => {
+      expect(comp.spec.template.type).to.eq('plain')
+    })
+  })
+})

package/cypress/e2e/glib-web/fieldsLocation.cy.ts

@@ -0,0 +1,40 @@
+import { testPageUrl } from "../../helper"
+
+const url = testPageUrl('fields_location')
+
+describe('fields_location', () => {
+  // it('shows autocomplete suggestions', () => {
+  //   cy.visit(url)
+
+  //   cy.window().its('google').should('exist')
+
+  //   cy.get('input[name="user[address]"]').clear().type('Sydney')
+
+  //   cy.get('.pac-container', { timeout: 10000 }).should('be.visible')
+  //   cy.get('.pac-container .pac-item').its('length').should('be.gt', 0)
+  // })
+
+  it('updates the zoom field', () => {
+    cy.visit(url)
+
+    cy.get('input[name="user[zoom]"]').clear().type('10')
+    cy.get('input[name="user[zoom]"]').should('have.value', '10')
+  })
+
+  it('submits the form', () => {
+    cy.visit(url)
+
+    cy.contains('Submit').click()
+
+    cy.get('body').then(($body) => {
+      if ($body.find('.v-dialog').length) {
+        cy.get('.v-dialog').should('contain.text', 'Method: POST')
+        return
+      }
+
+      if ($body.find('.unformatted').length) {
+        cy.get('.unformatted').should('contain.text', 'Method: POST')
+      }
+    })
+  })
+})

package/cypress/e2e/glib-web/fieldsOtp.cy.ts

@@ -0,0 +1,68 @@
+import { testPageUrl, withComponent } from "../../helper"
+
+const url = testPageUrl('fields_otp')
+
+describe('fields_otp', () => {
+  it('switches otp variants', () => {
+    cy.visit(url)
+
+    cy.contains('Length 4 (text)').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.spec.length).to.eq(4)
+      expect(comp.spec.type).to.eq('text')
+      expect(comp.fieldModel).to.eq('ABCD')
+    })
+    cy.get('#otp_variant_status').should('contain.text', 'Variant: 4 digits (text)')
+
+    cy.contains('Length 6 (number)').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.spec.length).to.eq(6)
+      expect(comp.spec.type).to.eq('number')
+      expect(comp.fieldModel).to.eq('123456')
+    })
+    cy.get('#otp_variant_status').should('contain.text', 'Variant: 6 digits (number)')
+
+    cy.contains('Length 8 (text)').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.spec.length).to.eq(8)
+      expect(comp.spec.type).to.eq('text')
+      expect(comp.fieldModel).to.eq('A1B2C3D4')
+    })
+    cy.get('#otp_variant_status').should('contain.text', 'Variant: 8 digits (text)')
+  })
+
+  it('updates status actions', () => {
+    cy.visit(url)
+
+    cy.contains('Autofill code').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.fieldModel).to.eq('654321')
+    })
+    cy.get('#otp_status').should('contain.text', 'Status: code changed')
+
+    cy.contains('Clear code').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.fieldModel).to.eq('')
+    })
+    cy.get('#otp_status').should('contain.text', 'Status: code changed')
+  })
+
+  it('toggles disabled and clears value', () => {
+    cy.visit(url)
+
+    cy.contains('Disable field').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.spec.disabled).to.eq(true)
+    })
+
+    cy.contains('Enable field').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.spec.disabled).to.not.eq(true)
+    })
+
+    cy.contains('Clear value').click()
+    withComponent('otp_basic', (comp) => {
+      expect(comp.fieldModel).to.eq('')
+    })
+  })
+})

package/cypress/e2e/glib-web/fieldsPhone.cy.ts

@@ -0,0 +1,87 @@
+import { testPageUrl, withComponent } from "../../helper"
+
+const url = testPageUrl('fields_phone')
+
+describe('fields_phone', () => {
+  it('switches variants', () => {
+    cy.visit(url)
+
+    cy.contains('Auto-detect (default)').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.disableAutoDetect).to.not.eq(true)
+      expect(comp.spec.defaultCountry).to.not.eq('US')
+      expect(comp.spec.defaultCountry).to.not.eq('AU')
+      expect(comp.spec.label).to.eq('Phone number')
+    })
+    cy.get('#phone_variant_status').should('contain.text', 'Variant: auto-detect (default)')
+
+    cy.contains('Default country: US').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.disableAutoDetect).to.eq(true)
+      expect(comp.spec.defaultCountry).to.eq('US')
+      expect(comp.spec.label).to.eq('Phone (US default)')
+    })
+    cy.get('#phone_variant_status').should('contain.text', 'Variant: default country US')
+
+    cy.contains('Default country: AU').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.disableAutoDetect).to.eq(true)
+      expect(comp.spec.defaultCountry).to.eq('AU')
+      expect(comp.spec.label).to.eq('Phone (AU default)')
+    })
+    cy.get('#phone_variant_status').should('contain.text', 'Variant: default country AU')
+  })
+
+  it('updates values via actions', () => {
+    cy.visit(url)
+
+    cy.contains('Set sample number').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.fieldModel).to.contain('+1')
+    })
+    cy.get('#phone_status').should('contain.text', 'Status: number changed')
+
+    cy.contains('Clear value').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.fieldModel).to.eq('')
+    })
+    cy.get('#phone_status').should('contain.text', 'Status: number changed')
+  })
+
+  it('toggles disabled/read-only and submits', () => {
+    cy.visit(url)
+
+    cy.contains('Disable field').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.disabled).to.eq(true)
+    })
+
+    cy.contains('Enable field').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.disabled).to.not.eq(true)
+    })
+
+    cy.contains('Read-only').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.readOnly).to.eq(true)
+    })
+
+    cy.contains('Editable').click()
+    withComponent('phone_basic', (comp) => {
+      expect(comp.spec.readOnly).to.not.eq(true)
+    })
+
+    cy.contains('Submit').click()
+
+    cy.get('body').then(($body) => {
+      if ($body.find('.v-dialog').length) {
+        cy.get('.v-dialog').should('contain.text', 'Method: POST')
+        return
+      }
+
+      if ($body.find('.unformatted').length) {
+        cy.get('.unformatted').should('contain.text', 'Method: POST')
+      }
+    })
+  })
+})

package/cypress/e2e/glib-web/fieldsRating.cy.ts

@@ -0,0 +1,91 @@
+import { testPageUrl, withComponent } from "../../helper"
+
+const url = testPageUrl('fields_rating')
+
+describe('fields_rating', () => {
+  it('switches rating variants', () => {
+    cy.visit(url)
+
+    cy.contains('Full increments').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.halfIncrements).to.not.eq(true)
+      expect(comp.spec.color).to.eq('primary')
+      expect(comp.spec.size).to.eq(24)
+      expect(comp.spec.readOnly).to.not.eq(true)
+      expect(comp.fieldModel).to.eq(4)
+    })
+    cy.get('#rating_variant_status').should('contain.text', 'Variant: full increments (primary)')
+
+    cy.contains('Half increments').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.halfIncrements).to.eq(true)
+      expect(comp.spec.color).to.eq('secondary')
+      expect(comp.spec.size).to.eq(24)
+      expect(comp.spec.readOnly).to.not.eq(true)
+      expect(comp.fieldModel).to.eq(3.5)
+    })
+    cy.get('#rating_variant_status').should('contain.text', 'Variant: half increments (secondary)')
+
+    cy.contains('Large size').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.halfIncrements).to.eq(true)
+      expect(comp.spec.color).to.eq('ternary')
+      expect(comp.spec.size).to.eq(40)
+      expect(comp.spec.readOnly).to.not.eq(true)
+      expect(comp.fieldModel).to.eq(4.5)
+    })
+    cy.get('#rating_variant_status').should('contain.text', 'Variant: large size (ternary)')
+
+    cy.contains('Read only').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.readOnly).to.eq(true)
+      expect(comp.fieldModel).to.eq(5)
+    })
+    cy.get('#rating_variant_status').should('contain.text', 'Variant: read-only')
+  })
+
+  it('updates rating actions', () => {
+    cy.visit(url)
+
+    cy.contains('Set to 2').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.fieldModel).to.eq(2)
+      expect(comp.spec.readOnly).to.not.eq(true)
+    })
+    cy.get('#rating_status').should('contain.text', 'Status: rating changed')
+
+    cy.contains('Set to 4.5').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.fieldModel).to.eq(4.5)
+      expect(comp.spec.halfIncrements).to.eq(true)
+      expect(comp.spec.readOnly).to.not.eq(true)
+    })
+    cy.get('#rating_status').should('contain.text', 'Status: rating changed')
+
+    cy.contains('Clear rating').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.fieldModel).to.eq('')
+      expect(comp.spec.readOnly).to.not.eq(true)
+    })
+    cy.get('#rating_status').should('contain.text', 'Status: rating changed')
+  })
+
+  it('toggles disabled and size', () => {
+    cy.visit(url)
+
+    cy.contains('Disable rating').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.disabled).to.eq(true)
+    })
+
+    cy.contains('Enable rating').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.disabled).to.not.eq(true)
+    })
+
+    cy.contains('Small size').click()
+    withComponent('rating_main', (comp) => {
+      expect(comp.spec.size).to.eq(18)
+    })
+  })
+})

package/cypress/e2e/glib-web/fieldsRichText.cy.ts

@@ -0,0 +1,137 @@
+import { testPageUrl, withComponent } from "../../helper"
+
+const url = testPageUrl('fields_richText')
+
+describe('fields_richText', () => {
+  it('switches output variants', () => {
+    cy.visit(url)
+
+    cy.contains('Markdown output').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.produce).to.eq('markdown')
+      expect(comp.spec.accept).to.eq('markdown')
+    })
+    cy.get('#rich_text_variant_status').should('contain.text', 'Variant: markdown output')
+
+    // cy.contains('HTML output').click()
+    // withComponent('rich_text_main', (comp) => {
+    //   expect(comp.spec.produce).to.eq('html')
+    //   expect(comp.spec.accept).to.eq('html')
+    // })
+    // cy.get('#rich_text_variant_status').should('contain.text', 'Variant: HTML output')
+
+    cy.contains('No uploader').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.imageUploader).to.not.exist
+    })
+    cy.get('#rich_text_variant_status').should('contain.text', 'Variant: uploader removed')
+
+    cy.contains('Restore uploader').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.imageUploader).to.exist
+    })
+    cy.get('#rich_text_variant_status').should('contain.text', 'Variant: uploader restored')
+  })
+
+  // it('inserts template content', () => {
+  //   cy.visit(url)
+
+  //   cy.contains('Insert template').click()
+  //   cy.get('#rich_text_status').should('contain.text', 'Status: content changed')
+
+  //   cy.get('input[name="user[rich_text]"]').invoke('val').should('include', 'Quick update')
+  // })
+
+  it('toggles editor state', () => {
+    cy.visit(url)
+
+    cy.contains('Disable editor').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.disabled).to.eq(true)
+    })
+
+    cy.contains('Enable editor').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.disabled).to.not.eq(true)
+    })
+
+    cy.contains('Toggle debug').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.debug).to.eq(false)
+    })
+
+    cy.contains('Enable debug').click()
+    withComponent('rich_text_main', (comp) => {
+      expect(comp.spec.debug).to.eq(true)
+    })
+  })
+
+  it('uploads files on drop and paste', () => {
+    cy.visit(url)
+
+    let uploadIndex = 0
+    cy.window().then((win) => {
+      const comp = win.GLib.component.findById('rich_text_main')
+      expect(comp).to.exist
+      const uploader = comp.spec.imageUploader
+
+      cy.intercept('POST', uploader.directUploadUrl, (req) => {
+        uploadIndex += 1
+        req.reply({
+          statusCode: 200,
+          body: {
+            signed_id: `signed-${uploadIndex}`,
+            direct_upload: {
+              url: `https://example.com/upload-${uploadIndex}`,
+              headers: { 'Content-Type': 'text/csv' }
+            }
+          }
+        })
+      }).as('directUpload')
+
+      cy.intercept('PUT', 'https://example.com/upload-*', { statusCode: 200, body: '' }).as('directUploadStore')
+      cy.intercept('POST', uploader.blobUrlGenerator, { statusCode: 200, body: { url: 'https://example.com/blob' } }).as('blobUrl')
+    })
+
+    cy.fixture('bulk_edit.csv', 'binary').then((fileContent) => {
+      const blob = Cypress.Blob.binaryStringToBlob(fileContent, 'text/csv')
+      cy.window().then((win) => {
+        const file = new win.File([blob], 'bulk_edit.csv', { type: 'text/csv' })
+        const dataTransfer = new win.DataTransfer()
+        dataTransfer.items.add(file)
+        cy.get('#rich_text_main .ql-editor').trigger('drop', { dataTransfer })
+      })
+    })
+
+    cy.wait('@directUpload')
+    cy.wait('@directUploadStore')
+    cy.wait('@blobUrl')
+    cy.get('input[name="user[images_attributes][]"]').should('have.length', 1)
+    cy.get('input[name="user[images_attributes][]"]').first().should('have.value', 'signed-1')
+
+    cy.fixture('bulk_edit.csv', 'binary').then((fileContent) => {
+      const blob = Cypress.Blob.binaryStringToBlob(fileContent, 'text/csv')
+      cy.window().then((win) => {
+        const file = new win.File([blob], 'bulk_edit.csv', { type: 'text/csv' })
+        const clipboardData = new win.DataTransfer()
+        clipboardData.items.add(file)
+        cy.get('#rich_text_main .ql-editor').trigger('paste', { clipboardData })
+      })
+    })
+
+    cy.wait('@directUpload')
+    cy.wait('@directUploadStore')
+    cy.wait('@blobUrl')
+    cy.get('input[name="user[images_attributes][]"]').should('have.length', 2)
+    cy.get('input[name="user[images_attributes][]"]').eq(1).should('have.value', 'signed-2')
+  })
+
+  it('shows mention list when typing a person', () => {
+    cy.visit(url)
+
+    cy.get('#rich_text_main .ql-editor').click().type('{end} @jo')
+    cy.get('.ql-mention-list-container').should('be.visible')
+    cy.get('.ql-mention-list-container').should('contain.text', 'John Doe')
+  })
+
+})

package/cypress/e2e/glib-web/fieldsStripeToken.cy.ts

@@ -0,0 +1,47 @@
+import { testPageUrl, withComponent } from "../../helper"
+
+const url = testPageUrl('fields_stripeToken')
+
+describe('fields_stripeToken', () => {
+  it('switches style variants', () => {
+    cy.visit(url)
+
+    cy.contains('Default style').click()
+    withComponent('stripe_token_basic', (comp) => {
+      expect(comp.spec.styleClass).to.not.exist
+      expect(comp.spec.label).to.eq('Card details')
+      expect(comp.spec.hint).to.not.exist
+    })
+
+    cy.contains('Outlined').click()
+    withComponent('stripe_token_basic', (comp) => {
+      expect(comp.spec.styleClass).to.eq('outlined')
+      expect(comp.spec.label).to.eq('Card details')
+      expect(comp.spec.hint).to.not.exist
+    })
+
+    cy.contains('Individual').click()
+    withComponent('stripe_token_basic', (comp) => {
+      expect(comp.spec.styleClass).to.eq('individual')
+      expect(comp.spec.label).to.eq('Card details')
+      expect(comp.spec.hint).to.eq('Personal card')
+    })
+  })
+
+  it('submits the form', () => {
+    cy.visit(url)
+
+    cy.contains('Submit').click()
+
+    cy.get('body').then(($body) => {
+      if ($body.find('.v-dialog').length) {
+        cy.get('.v-dialog').should('contain.text', 'Method: POST')
+        return
+      }
+
+      if ($body.find('.unformatted').length) {
+        cy.get('.unformatted').should('contain.text', 'Method: POST')
+      }
+    })
+  })
+})

package/cypress/e2e/glib-web/fieldsUpload.cy.ts

@@ -39,6 +39,117 @@ describe('fields_upload', () => {
     cy.get('@filesTrigger').should('have.been.calledOnce')
   })
 
+  it('handles multi progress view drag and drop uploads', () => {
+    const htmlUploadUrl = 'http://localhost:3000/glib/json_ui_garage?path=forms%2Ffile_upload_new&mode=html'
+    let uploadIndex = 0
+    const pngBase64 =
+      'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNgYAAAAAMAASsJTYQAAAAASUVORK5CYII='
+    const pngFile = {
+      contents: Cypress.Buffer.from(pngBase64, 'base64'),
+      fileName: 'upload.png',
+      mimeType: 'image/png'
+    }
+
+    cy.intercept('POST', /\/(glib\/glib_direct_uploads|rails\/active_storage\/direct_uploads)$/, (req) => {
+      uploadIndex += 1
+      req.reply({
+        statusCode: 200,
+        body: {
+          signed_id: `signed-${uploadIndex}`,
+          direct_upload: {
+            url: 'https://example.com/rails/active_storage/blobs/upload',
+            headers: {
+              'Content-Type': 'text/plain'
+            }
+          }
+        }
+      })
+    }).as('directUploadCreate')
+
+    cy.intercept('PUT', 'https://example.com/rails/active_storage/blobs/upload', {
+      statusCode: 200
+    }).as('directUploadStore')
+
+    cy.visit(url)
+
+    cy.window()
+      .should((win) => {
+        const multiComp = getRealComponent(win, win.GLib.component.findById('fields_upload_multiprogress'))
+        expect(multiComp, 'multi progress component').to.exist
+        expect(multiComp.$el, 'multi progress element').to.exist
+        expect(multiComp.$el.querySelector('.gdrop-file'), 'multi progress dropzone').to.exist
+      })
+      .then((win) => {
+        const multiComp = getRealComponent(win, win.GLib.component.findById('fields_upload_multiprogress'))
+        cy.wrap(multiComp.$el).as('multiRoot')
+        cy.wrap(multiComp.$el.querySelector('.gdrop-file')).as('dropzone')
+      })
+
+    cy.get('@dropzone').should('have.class', 'border-[2px]')
+    cy.get('@dropzone').trigger('drag')
+    cy.get('@dropzone').trigger('dragover')
+    cy.get('@dropzone').should('have.class', 'border-[4px]').and('not.have.class', 'border-[2px]')
+    cy.get('@dropzone').trigger('dragleave')
+    cy.get('@dropzone').should('have.class', 'border-[2px]')
+
+    cy.get('@dropzone').click({ force: true })
+    cy.get('@multiRoot').find('input[type="file"]').should('exist')
+
+    cy.get('@dropzone').selectFile(
+      pngFile,
+      { action: 'drag-drop' }
+    )
+
+    cy.wait('@directUploadCreate')
+    cy.wait('@directUploadStore')
+    cy.get('@multiRoot')
+      .find('input[type="hidden"][name="user[file_input_multiprogress][]"]')
+      .should('have.length', 1)
+
+    cy.get('@dropzone').selectFile(
+      { ...pngFile, fileName: 'second.png' },
+      { action: 'drag-drop' }
+    )
+
+    cy.wait('@directUploadCreate')
+    cy.wait('@directUploadStore')
+
+    cy.get('@multiRoot').find('.guploaded-file .file-container').should('have.length', 2)
+    cy.get('@multiRoot')
+      .find('input[type="hidden"][name="user[file_input_multiprogress][]"]')
+      .should('have.length', 2)
+    cy.get('@multiRoot').find('.guploaded-file .close-btn').first().click()
+    cy.get('@multiRoot').find('.guploaded-file .file-container').should('have.length', 1)
+    cy.get('@multiRoot')
+      .find('input[type="hidden"][name="user[file_input_multiprogress][]"]')
+      .should('have.length', 1)
+
+    cy.visit(htmlUploadUrl)
+
+    cy.window()
+      .should((win) => {
+        const multiComp = getRealComponent(win, win.GLib.component.findById('mp1'))
+        expect(multiComp, 'html multi progress component').to.exist
+        expect(multiComp.$el, 'html multi progress element').to.exist
+        expect(multiComp.$el.querySelector('.gdrop-file'), 'html multi progress dropzone').to.exist
+      })
+      .then((win) => {
+        const multiComp = getRealComponent(win, win.GLib.component.findById('mp1'))
+        cy.wrap(multiComp.$el).as('htmlMultiRoot')
+        cy.wrap(multiComp.$el.querySelector('.gdrop-file')).as('htmlDropzone')
+      })
+
+    cy.get('@htmlDropzone').selectFile(
+      { ...pngFile, fileName: 'html-mode.png' },
+      { action: 'drag-drop' }
+    )
+
+    cy.get('@htmlMultiRoot').find('.guploaded-file .file-container').should('have.length', 1)
+    cy.get('@htmlMultiRoot')
+      .find('input[type="hidden"][name="user[file_multiprogress1][]"]')
+      .should('not.exist')
+  })
+
   it('submits the form', () => {
     cy.visit(url)
 

package/cypress/e2e/glib-web/window.cy.ts

@@ -1,14 +1,21 @@
 import { testPageUrl } from "../../helper"
+
 const url = testPageUrl('window')
 
-describe("window", () => {
-  it('windows/open updateExisting: true', () => {
+describe('window', () => {
+  it('opens a new window with updateExisting', () => {
     cy.visit(url)
 
     cy.contains('windows/open updateExisting: true').click()
+    cy.location('href').should('contain', 'fields_upload')
+  })
+
+  it('closes the current window', () => {
+    const previousUrl = testPageUrl('fields_upload')
+
+    cy.visit(previousUrl)
+    cy.visit(url)
 
-    cy.location().should((loc) => {
-      expect(loc.href).to.eq(testPageUrl('multiupload'))
-    })
+    cy.contains('windows/close').click()
   })
-})
+})