glib-web 5.0.0 → 5.0.4

package/README.md

@@ -20,7 +20,7 @@ module.exports = defineConfig({
   e2e: {
     specPattern: 'node_modules/glib-web/cypress/e2e',
     defaultBrowser: 'chrome',
-    supportFile: 'node_modules/glib-web/cypress/support/e2e.{js,jsx,ts,tsx}'
+    supportFile: 'node_modules/glib-web/cypress/support/e2e.js'
   },
 });
 ```
@@ -30,6 +30,13 @@ module.exports = defineConfig({
   - Run rails server `bin/rails s`
   - Execute `yarn run cypress run`
 
+## Run Cypress tests (glib-web-npm)
+
+1. Clone and set up the backend repo (`glib-web`) because Cypress tests require matching `test_page/*` fixtures.
+2. In `glib-web`, link this package: `yarn link glib-web`.
+3. In project that use `glib-web`, start Rails: `bin/rails s` and `bin/vite dev` separately.
+4. In this repo, run tests: `yarn test`.
+
 ## Best practices
 
 - To prevent circular dependencies between components:

package/agent/commands/generate_test.yaml

@@ -7,7 +7,7 @@ description: >
 inputs:
   doc_dir: doc/garage/test_page
   test_dir: cypress/e2e/glib-web
-  test_helper: cypress/helper.ts
+  test_helper: cypress/helper.js
   ai_test_prompt: |
     Generate a Cypress e2e test for the glib test page: {{page_slug}}.
     Inputs you can use:
@@ -79,10 +79,10 @@ steps:
 
   - id: collect-test-page-slugs
     instruction: |
-      Scan every *.cy.ts under {{inputs.test_dir}} and extract all occurrences of
+      Scan every *.cy.js under {{inputs.test_dir}} and extract all occurrences of
       testPageUrl('...'). Collect the string values into test_page_slugs.
       If a file contains no testPageUrl calls, derive a fallback slug by:
-        - Removing the .cy.ts suffix.
+        - Removing the .cy.js suffix.
         - Converting camelCase to snake_case.
       Output: test_page_slugs.
 
@@ -102,8 +102,8 @@ steps:
   - id: scaffold-missing-tests
     instruction: |
       For each slug in missing_page_slugs:
-        1) Derive a filename by converting snake_case to camelCase and append ".cy.ts".
-           Example: file_upload_new -> fileUploadNew.cy.ts
+        1) Derive a filename by converting snake_case to camelCase and append ".cy.js".
+           Example: file_upload_new -> fileUploadNew.cy.js
         2) Create {{inputs.test_dir}}/<filename> if it does not already exist.
         3) Write generated_tests_map[<slug>] to the file.
       Output: created_test_files.

package/cypress/component/{inputUpload.cy.ts → inputUpload.cy.js}

@@ -2,14 +2,14 @@ import inputUpload from "../../components/fields/inputUpload.vue";
 import Uploader from "../../utils/glibDirectUpload";
 import { mountWithGlib, restoreUploaderStartStub, setupGlibGlobals } from "./testUtils";
 
-const buildSpec = (overrides: Record<string, unknown> = {}) => ({
+const buildSpec = (overrides = {}) => ({
   name: "user[file]",
   label: "Upload file",
   accepts: { fileType: "txt" },
   ...overrides,
 });
 
-const mountComponent = (spec: Record<string, unknown>) => {
+const mountComponent = (spec) => {
   mountWithGlib(inputUpload, spec);
 };
 
@@ -24,7 +24,7 @@ describe("inputUpload", () => {
 
   it("uploads via direct upload and sets hidden signed ids", () => {
     cy.stub(Uploader.prototype, "start")
-      .callsFake((callback: (error: unknown, blob: { signed_id: string }) => void) => {
+      .callsFake((callback) => {
         callback(null, { signed_id: "signed-123" });
       })
       .as("directUploadStart");

package/cypress/component/{multiUpload.cy.ts → multiUpload.cy.js}

@@ -2,7 +2,7 @@ import multiUpload from "../../components/fields/multiUpload.vue";
 import Uploader from "../../utils/glibDirectUpload";
 import { mountWithGlib, restoreUploaderStartStub, setupGlibGlobals } from "./testUtils";
 
-const buildSpec = (overrides: Record<string, unknown> = {}) => ({
+const buildSpec = (overrides = {}) => ({
   name: "user[files][]",
   accepts: { fileType: "txt" },
   placeholder: "Drop files",
@@ -10,7 +10,7 @@ const buildSpec = (overrides: Record<string, unknown> = {}) => ({
   ...overrides,
 });
 
-const mountComponent = (spec: Record<string, unknown>) => {
+const mountComponent = (spec) => {
   mountWithGlib(multiUpload, spec);
 };
 
@@ -25,7 +25,7 @@ describe("multiUpload", () => {
 
   it("uploads via direct upload and sets hidden signed ids", () => {
     cy.stub(Uploader.prototype, "start")
-      .callsFake((callback: (error: unknown, blob: { signed_id: string }) => void) => {
+      .callsFake((callback) => {
         callback(null, { signed_id: "signed-123" });
       })
       .as("directUploadStart");

package/cypress/component/{placeholderUpload.cy.ts → placeholderUpload.cy.js}

@@ -2,7 +2,7 @@ import placeholderUpload from "../../components/fields/placeholderUpload.vue";
 import Uploader from "../../utils/glibDirectUpload";
 import { mountWithGlib, restoreUploaderStartStub, setupGlibGlobals } from "./testUtils";
 
-const buildSpec = (overrides: Record<string, unknown> = {}) => ({
+const buildSpec = (overrides = {}) => ({
   name: "user[file]",
   type: "image",
   width: 120,
@@ -12,7 +12,7 @@ const buildSpec = (overrides: Record<string, unknown> = {}) => ({
   ...overrides,
 });
 
-const mountComponent = (spec: Record<string, unknown>) => {
+const mountComponent = (spec) => {
   mountWithGlib(placeholderUpload, spec);
 };
 
@@ -27,7 +27,7 @@ describe("placeholderUpload", () => {
 
   it("uploads via direct upload and sets hidden signed id", () => {
     cy.stub(Uploader.prototype, "start")
-      .callsFake((callback: (error: unknown, blob: { signed_id: string }) => void) => {
+      .callsFake((callback) => {
         callback(null, { signed_id: "signed-123" });
       })
       .as("directUploadStart");

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')
 

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?'
 

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.ts → fieldsCreditCard.cy.js}

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

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

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

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.ts → fieldsLocation.cy.js}

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

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

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

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

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

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

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

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

@@ -1,6 +1,11 @@
-import { testPageUrl, withComponent } from "../../helper"
+import { testPageUrl, withComponent } from "../../helper.js"
 
 const url = testPageUrl('fields_richText')
+const csvFixtureContents = [
+  'month,electricity_usage,gas_usage,sources,compliant',
+  'January,120,10,Generators,yes',
+  'February,150,12,Solar Panels,no'
+].join('\n')
 
 describe('fields_richText', () => {
   it('switches output variants', () => {
@@ -93,14 +98,11 @@ describe('fields_richText', () => {
       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.window().then((win) => {
+      const file = new win.File([csvFixtureContents], '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')
@@ -109,14 +111,11 @@ describe('fields_richText', () => {
     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.window().then((win) => {
+      const file = new win.File([csvFixtureContents], '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')

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cypress/support/{commands.ts → commands.js}

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 // ***********************************************
-// This example commands.ts shows you how to
+// This example commands.js shows you how to
 // create various custom commands and overwrite
 // existing commands.
 //
@@ -34,4 +34,4 @@
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
-// }
+// }

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

@@ -1,8 +1,8 @@
-import "./commands";
-import "@cypress/code-coverage/support";
+import "./commands.js";
+import "@cypress/code-coverage/support.js";
 import { isFunction, isObject } from "../../utils/type.js";
 
-const win = window as Window & { __settings?: { theme?: object }; __page?: object };
+const win = window;
 
 if (!win.__settings) {
   win.__settings = { theme: {} };

package/cypress/support/{e2e.ts → e2e.js}

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/e2e.ts is processed and
+// This example support/e2e.js is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -14,8 +14,8 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
-import '@cypress/code-coverage/support'
+import "./commands.js";
+import "@cypress/code-coverage/support.js";
 import { isFunction, isObject } from "../../utils/type.js";
 
 Cypress.on("window:before:load", (win) => {

package/{cypress.config.ts → cypress.config.js}

@@ -43,8 +43,8 @@ export default defineConfig({
         },
       },
     },
-    specPattern: "cypress/component/**/*.cy.{js,jsx,ts,tsx}",
-    supportFile: "cypress/support/component.ts",
+    specPattern: "cypress/component/**/*.cy.{js,jsx}",
+    supportFile: "cypress/support/component.js",
     setupNodeEvents(on, config) {
       codeCoverageTask(on, config);
       return config;
@@ -55,6 +55,7 @@ export default defineConfig({
     pageLoadTimeout: 60000,
     requestTimeout: 15000,
     responseTimeout: 15000,
+    specPattern: "cypress/e2e/**/*.cy.{js,jsx}",
     setupNodeEvents(on, config) {
       codeCoverageTask(on, config);
       return config;

package/cypress.yml.example

@@ -5,7 +5,7 @@ on:
       - "yarn.lock"
       - ".github/workflows/cypress.yml"
 jobs:
-  build-and-test:
+  cypress-test:
     env:
       RAILS_ENV: test
       POSTGRES_USER: postgres
@@ -27,26 +27,25 @@ jobs:
           --health-timeout 5s
           --health-retries 5
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v6
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
           ruby-version: 3.2.1
           bundler-cache: true
       - name: Setup Node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v6
         with:
           cache: "yarn"
-          node-version: 20.0.0
+          node-version: 24.11.1
       - run: yarn install --frozen-lockfile
       - run: sudo apt-get -yqq install libpq-dev
       - run: cp config/database.yml.github-actions config/database.yml
       - run: bundle exec rake db:test:prepare
       - run: bundle exec rails server -d
+      - run: until curl -s http://localhost:3000 >/dev/null; do sleep 1; done
       - name: Cypress run (e2e)
-        run: env -u ELECTRON_RUN_AS_NODE yarn cypress run --browser chrome
-      - name: Cypress run (component)
-        run: env -u ELECTRON_RUN_AS_NODE yarn cypress run --component
+        run: env -u ELECTRON_RUN_AS_NODE yarn run cypress run --browser chrome
       - name: Upload screenshots
         uses: actions/upload-artifact@v4
         if: failure()

package/doc/TESTING.md

@@ -21,8 +21,8 @@ This is fundamentally different from typical frontend testing (Jest/Vitest with
 
 ### 3. **Test Page as Contract**
 Each Cypress test has a **matching backend test page** (jbuilder file):
-- `form.cy.ts` → `test_page/form.json.jbuilder`
-- `dialog.cy.ts` → `test_page/dialog.json.jbuilder`
+- `form.cy.js` → `test_page/form.json.jbuilder`
+- `dialog.cy.js` → `test_page/dialog.json.jbuilder`
 
 The test page acts as the **contract** between frontend and backend tests.
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "glib-web",
-  "version": "5.0.0",
+  "version": "5.0.4",
   "description": "",
   "main": "index.js",
   "scripts": {

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

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