glib-web 4.44.6 → 5.0.4

package/cypress/component/{testUtils.ts → testUtils.js}

@@ -12,18 +12,6 @@ import Format from "../../utils/format";
 import Dom from "../../utils/dom";
 import Settings from "../../utils/settings";
 
-type GlibWindow = Window & {
-  Utils?: {
-    app: typeof App;
-    type: typeof TypeUtils;
-    url: typeof UrlUtils;
-    format: typeof Format;
-    dom: typeof Dom;
-    settings: typeof Settings;
-  };
-  GLib?: typeof Framework;
-};
-
 const glibGlobals = {
   app: App,
   type: TypeUtils,
@@ -53,12 +41,12 @@ const glibMountGlobals = {
 };
 
 const setupGlibGlobals = () => {
-  const win = window as GlibWindow;
+  const win = window;
   win.Utils = glibGlobals;
   win.GLib = Framework;
 };
 
-const mountWithGlib = (component: unknown, spec: Record<string, unknown>) => {
+const mountWithGlib = (component, spec) => {
   mount(component, {
     props: { spec },
     global: glibMountGlobals,
@@ -67,7 +55,7 @@ const mountWithGlib = (component: unknown, spec: Record<string, unknown>) => {
 
 const restoreUploaderStartStub = () => {
   const start = Uploader.prototype.start;
-  const restore = TypeUtils.isFunction(start) ? (start as { restore?: unknown }).restore : null;
+  const restore = TypeUtils.isFunction(start) ? start.restore : null;
   TypeUtils.ifFunction(restore, (fn) => fn.call(start));
 };
 

package/cypress/e2e/glib-web/{auth.cy.ts → auth.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('auth')
 
@@ -30,4 +30,25 @@ describe('auth', () => {
     cy.contains('auth/saveCsrfToken + http/post').click()
     cy.get('.v-dialog').should('contain.text', 'Method: POST')
   })
+
+  it('restarts the app', () => {
+    cy.visit(url)
+
+    cy.contains('auth/restart').click()
+    // cy.location('pathname').should('eq', '/')
+  })
+
+  it('runs credit card setup callbacks', () => {
+    cy.visit(url, {
+      onBeforeLoad(win) {
+        win.Stripe = () => ({
+          confirmCardSetup: () => Promise.resolve({}),
+          handleCardAction: () => Promise.resolve({})
+        })
+      }
+    })
+
+    cy.contains('auth/creditCard (setup only)').click()
+    // cy.contains('.v-snackbar', 'Card setup succeeded').should('exist')
+  })
 })

package/cypress/e2e/glib-web/{autoValidate.cy.ts → autoValidate.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('auto_validate')
 
 describe('autoValidate', () => {

package/cypress/e2e/glib-web/{browsers.cy.ts → browsers.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('browsers')
 

package/cypress/e2e/glib-web/{calendar.cy.ts → calendar.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('calendar')
 const sheetSelector = '#calendar_main .v-sheet'

package/cypress/e2e/glib-web/{calendarEmptyData.cy.ts → calendarEmptyData.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('calendar_empty_data')
 

package/cypress/e2e/glib-web/{carousel.cy.ts → carousel.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('carousel')
 

package/cypress/e2e/glib-web/{charts.cy.ts → charts.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('charts')
 
 describe('charts', () => {

package/cypress/e2e/glib-web/{column.cy.ts → column.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('column')
 

package/cypress/e2e/glib-web/{commands.cy.ts → commands.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('commands')
 

package/cypress/e2e/glib-web/{components.cy.ts → components.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('components')
 

package/cypress/e2e/glib-web/{cookies.cy.ts → cookies.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('cookies')
 

package/cypress/e2e/glib-web/{custom.cy.ts → custom.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('custom')
 

package/cypress/e2e/glib-web/dialog.cy.js

@@ -0,0 +1,63 @@
+import { testPageUrl } from "../../helper.js";
+import * as Type from "../../../utils/type.js";
+const url = testPageUrl('dialog');
+
+describe('dialog', () => {
+  it('updateExisting', () => {
+    cy.visit(url);
+    cy.contains('Dialog updateExisting').click();
+    cy.get('.v-dialog h1').should('contain.text', 'Hello world');
+    cy.get('.v-dialog .v-icon').should('exist');
+    cy.get('.v-dialog').contains('change dialog content').click();
+    cy.get('.v-dialog h1').should('contain.text', 'Hello world (updated)');
+    cy.get('.v-dialog .v-icon').should('not.exist');
+  });
+
+  it('open dialog', () => {
+    cy.visit(url);
+    cy.contains('Dialog open').click();
+    cy.get('.dialog-title > .close-btn').click();
+
+    cy.contains('Dialog open').click();
+    cy.get('.v-dialog').contains('close').click();
+
+    cy.get('.v-dialog').should('not.exist');
+  });
+
+  it('closeAll', () => {
+    cy.visit(url);
+    cy.contains('Dialog closeAll').click();
+    cy.get('.v-dialog', { timeout: 2000 }).should('exist');
+    cy.get('.v-dialog', { timeout: 4000 }).should('not.exist');
+  });
+
+  it('reload', () => {
+    cy.visit(url);
+    cy.contains('Dialog reload').click();
+    cy.get('.v-dialog').should('exist');
+    cy.get('.v-dialog').contains('Title');
+    cy.wait(1200);
+    cy.get('.v-dialog').should('exist');
+  });
+
+  // it('notification triggers dialog alert', () => {
+  //   cy.visit(url)
+
+  // cy.window().then((win) => {
+  //   if (Type.isNull(win.Push)) {
+  //     win.Push = { create: () => Promise.resolve() }
+  //   }
+
+  //   cy.stub(win.Push, 'create').callsFake((_title, options) => {
+  //     if (Type.isObject(options) && Type.isFunction(options.onClick)) {
+  //       options.onClick.call({ close: () => { } })
+  //     }
+  //     return Promise.resolve()
+  //   })
+  // })
+
+  // cy.contains('Dialog notification').click()
+  // cy.contains('.v-dialog', 'Perform action').should('exist')
+  // })
+
+});

package/cypress/e2e/glib-web/{dialogOpen.cy.ts → dialogOpen.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('dialog_open')
 
 describe('dialog open', () => {

package/cypress/e2e/glib-web/{dirtyState.cy.ts → dirtyState.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('dirty_state')
 const prompt = 'Changes have not been saved. Are you sure you want to leave this page?'
 
@@ -25,10 +25,10 @@ describe('dirtyState', () => {
       return false;
     })
 
-    cy.contains('multiupload').click()
+    cy.contains('fields_upload').click()
     cy.contains('Female').click()
-    cy.contains('multiupload').click() // Try to navigate to another page
-    cy.get('h2').should('contain.text', 'MultiUpload')
+    cy.contains('fields_upload').click() // Try to navigate to another page
+    cy.location('href').should('eq', testPageUrl('fields_upload'))
   })
 
   it('have different context between window and dialog', () => {
@@ -48,12 +48,12 @@ describe('dirtyState', () => {
 
     cy.then(() => expect(text).to.equal(prompt))
 
-    cy.contains('multiupload').click() // Try to navigate to another page
-    cy.get('h2').should('contain.text', 'MultiUpload')
+    cy.contains('fields_upload').click() // Try to navigate to another page
+    cy.location('href').should('eq', testPageUrl('fields_upload'))
   })
 
   it('pop on history back', () => {
-    cy.visit(testPageUrl('multiupload'))
+    cy.visit(testPageUrl('fields_upload'))
     cy.contains('dirty_state').click()
 
     cy.contains('choice2').click()
@@ -71,21 +71,6 @@ describe('dirtyState', () => {
     // dirty state is removed after second try
     cy.go('back')
 
-    cy.get('h2').should('contain.text', 'MultiUpload')
+    cy.location('href').should('eq', testPageUrl('fields_upload'))
   })
-
-  it('trigger dirty prompt on windows/open updateExisting: true', () => {
-    cy.visit(url)
-    cy.contains('choice2').click() // make form dirty
-    cy.contains('navigate').click() // windows/open updateExisting: true
-
-    let text = ''
-    cy.on('window:confirm', (str) => {
-      text = str;
-      return false;
-    })
-
-    cy.then(() => expect(text).to.equal(prompt))
-
-  })
-})
+})

package/cypress/e2e/glib-web/{display.cy.ts → display.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 const url = testPageUrl('form')
 
 describe('display', () => {

package/cypress/e2e/glib-web/{fields.cy.ts → fields.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields')
 

package/cypress/e2e/glib-web/{fieldsCaptcha.cy.ts → fieldsCaptcha.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_captcha')
 

package/cypress/e2e/glib-web/fieldsCreditCard.cy.js

@@ -0,0 +1,22 @@
+import { testPageUrl } from "../../helper.js"
+
+const url = testPageUrl('fields_creditCard')
+
+describe('fields_creditCard', () => {
+  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/fieldsDateTime.cy.js

@@ -0,0 +1,48 @@
+import { testPageUrl, withComponent } from "../../helper.js"
+
+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/{fieldsDynamicSelect.cy.ts → fieldsDynamicSelect.cy.js}

@@ -1,4 +1,4 @@
-import { testPageUrl } from "../../helper"
+import { testPageUrl } from "../../helper.js"
 
 const url = testPageUrl('fields_dynamicSelect')
 

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

@@ -0,0 +1,40 @@
+import { testPageUrl } from "../../helper.js"
+
+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.js

@@ -0,0 +1,68 @@
+import { testPageUrl, withComponent } from "../../helper.js"
+
+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.js

@@ -0,0 +1,87 @@
+import { testPageUrl, withComponent } from "../../helper.js"
+
+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')
+      }
+    })
+  })
+})