Merge branch 'vlt8' of https://github.com/kitconcept/volto-button-block into vlt8

* 'vlt8' of https://github.com/kitconcept/volto-button-block:
  Form
  CI
  update lock

Author: sneridagh

.github/workflows/acceptance.yml

@@ -10,7 +10,7 @@ on:
       - ".github/workflows/acceptance.yml"
 
 env:
-  NODE_VERSION: 20.x
+  NODE_VERSION: 24.x
   CYPRESS_RETRIES: 2
 
 jobs:

.github/workflows/changelog.yml

@@ -6,7 +6,7 @@ on:
       - main
 
 env:
-  node-version: 20.x
+  NODE_VERSION: 24.x
   ADDON_NAME: volto-button-block
 
 jobs:
@@ -21,18 +21,13 @@ jobs:
       - name: Install pipx
         run: pip install towncrier
 
-      - name: Use Node.js ${{ env.node-version }}
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ env.node-version }}
+          node-version: ${{ env.NODE_VERSION }}
 
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        with:
-          version: 8
-          # We don't want to install until later,
-          # when the cache and Cypress are in place
-          run_install: false
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Get pnpm store directory
         shell: bash
@@ -48,7 +43,8 @@ jobs:
             ${{ runner.os }}-pnpm-store-
 
       - name: Install dependencies
-        run: make install
+        run: |
+          make install
 
       - name: Check for presence of a Change Log fragment (only pull requests)
         run: |

.github/workflows/code.yml

@@ -1,5 +1,16 @@
 name: Code analysis checks
-on: [push]
+on:
+  push:
+    paths:
+      - "*.js"
+      - "*.json"
+      - "*.yaml"
+      - "packages/**"
+      - ".github/workflows/code.yml"
+
+env:
+  NODE_VERSION: 24.x
+
 jobs:
   codeanalysis:
     runs-on: ubuntu-latest
@@ -8,18 +19,13 @@ jobs:
       - name: Main checkout
         uses: actions/checkout@v4
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: ${{ env.NODE_VERSION }}
 
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        with:
-          version: 8
-          # We don't want to install until later,
-          # when the cache and Cypress are in place
-          run_install: false
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Get pnpm store directory
         shell: bash

.github/workflows/i18n.yml

@@ -1,5 +1,16 @@
 name: i18n
-on: [push]
+on:
+  push:
+    paths:
+      - "*.js"
+      - "*.json"
+      - "*.yaml"
+      - "packages/**"
+      - ".github/workflows/i18n.yml"
+
+env:
+  NODE_VERSION: 24.x
+
 jobs:
   unit:
     runs-on: ubuntu-latest
@@ -8,18 +19,13 @@ jobs:
       - name: Main checkout
         uses: actions/checkout@v4
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: ${{ env.NODE_VERSION }}
 
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        with:
-          version: 8
-          # We don't want to install until later,
-          # when the cache and Cypress are in place
-          run_install: false
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Get pnpm store directory
         shell: bash

.github/workflows/unit.yml

@@ -1,5 +1,16 @@
 name: Unit Tests
-on: [push]
+on:
+  push:
+    paths:
+      - "*.js"
+      - "*.json"
+      - "*.yaml"
+      - "packages/**"
+      - ".github/workflows/unit.yml"
+
+env:
+  NODE_VERSION: 24.x
+
 jobs:
   unit:
     runs-on: ubuntu-latest
@@ -8,18 +19,13 @@ jobs:
       - name: Main checkout
         uses: actions/checkout@v4
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: ${{ env.NODE_VERSION }}
 
-      - uses: pnpm/action-setup@v3
-        name: Install pnpm
-        with:
-          version: 8
-          # We don't want to install until later,
-          # when the cache and Cypress are in place
-          run_install: false
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Get pnpm store directory
         shell: bash
@@ -38,4 +44,4 @@ jobs:
         run: make install
 
       - name: Unit tests
-        run: make test-ci
+        run: make ci-test

cypress/support/index.ts

@@ -0,0 +1,43 @@
+namespace Cypress {
+  export interface Chainable {
+    /**
+     * Custom command to select DOM element by data-cy attribute.
+     * @example cy.dataCy('greeting')
+     */
+    navigate(value: string): Chainable<JQuery<HTMLElement>>;
+    getSlateEditorAndType(value: string): Chainable<JQuery<HTMLElement>>;
+    setSlateSelection(value: string): Chainable<JQuery<HTMLElement>>;
+    clickSlateButton(value: string): Chainable<JQuery<HTMLElement>>;
+    autologin(): Chainable<JQuery<HTMLElement>>;
+    createContent({
+      contentType,
+      contentId,
+      contentTitle,
+      path,
+      bodyModifier,
+      preview_image_link,
+    }: {
+      contentType: string;
+      contentId: string;
+      contentTitle: string;
+      path?: string;
+      bodyModifier?: (body: any) => any;
+      preview_image_link?: { '@id': string };
+    }): Chainable<JQuery<HTMLElement>>;
+    addNewBlock(value: string): Chainable<JQuery<HTMLElement>>;
+    matchImage(): Chainable<JQuery<HTMLElement>>;
+    injectAxe({
+      axeCorePath,
+    }: {
+      axeCorePath: string;
+    }): Chainable<JQuery<HTMLElement>>;
+    checkA11y(
+      context?: Object | string,
+      options?: Object,
+      violationCallback?: (violations: any[]) => void,
+      skipFailures?: boolean,
+    ): Chainable<JQuery<HTMLElement>>;
+    checkAccessibility(): Chainable<JQuery<HTMLElement>>;
+    getSlate(): Chainable<JQuery<HTMLElement>>;
+  }
+}

cypress/tests/block.cy.js cypress/tests/block.cy.tscypress/tests/block.cy.js renamed to cypress/tests/block.cy.ts

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress", "@testing-library/cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}

cypress/tsconfig.json

@@ -22,7 +22,7 @@
     "build": "VOLTOCONFIG=$(pwd)/volto.config.js pnpm --filter @plone/volto build",
     "build:deps": "pnpm --filter @plone/registry --filter @plone/components build",
     "i18n": "pnpm --filter addons i18n",
-    "test": "RAZZLE_JEST_CONFIG=$(pwd)/jest-addon.config.js pnpm --filter @plone/volto test",
+    "test": "pnpm --filter @kitconcept/volto-button-block exec vitest",
     "lint": "VOLTOCONFIG=$(pwd)/volto.config.js eslint --max-warnings=0 'packages/**/src/**/*.{js,jsx,ts,tsx}'",
     "lint:fix": "VOLTOCONFIG=$(pwd)/volto.config.js eslint --fix 'packages/**/src/**/*.{js,jsx,ts,tsx}'",
     "prettier": "prettier --check 'packages/**/src/**/*.{js,jsx,ts,tsx}'",
@@ -51,4 +51,4 @@
     }
   },
   "packageManager": "pnpm@9.1.1"
-}
+}