test(paste): cover filter function in tag-based paste config

Adds Cypress test exercising both branches of the filter function
(accept and reject), and a 2.31.6 changelog entry.

Author: costajohnt

docs/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+### 2.31.6
+
+- `Improvement` - `paste` config supports filter functions for tag-based substitution
+
 ### 2.31.5
 
 - `Fix` - Handle __Ctrl + click__ on links with inline styles applied (e.g., bold, italic)

test/cypress/tests/copy-paste.cy.ts

@@ -157,6 +157,88 @@ describe('Copy pasting from Editor', function () {
         });
     });
 
+    it('should respect filter function in tag-based paste config', function () {
+      /**
+       * Tool that handles only DIVs marked with a specific class
+       * via a filter function in its pasteConfig.tags entry.
+       */
+      class FilteredDivTool implements BlockTool {
+        public static pasteConfig = {
+          tags: [
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            { DIV: (el: Element): boolean => el.classList.contains('accept') },
+          ],
+        };
+
+        private data: BlockToolData = { text: '' };
+
+        /**
+         * Receive matched element on paste
+         */
+        public onPaste(event: CustomEvent<{ data: HTMLElement }>): void {
+          this.data = { text: event.detail.data.textContent || '' };
+        }
+
+        /**
+         * Render block
+         */
+        public render(): HTMLElement {
+          const block = $.make('div', 'ce-filtered-div');
+
+          block.textContent = (this.data.text as string) || '';
+
+          return block;
+        }
+
+        /**
+         * Save block content
+         */
+        public save(blockContent: HTMLElement): BlockToolData {
+          return { text: blockContent.textContent || '' };
+        }
+      }
+
+      cy.createEditor({
+        tools: {
+          filteredDiv: FilteredDivTool,
+        },
+      }).as('editorInstance');
+
+      cy.get('[data-cy=editorjs]')
+        .get('div.ce-block')
+        .click()
+        .paste({
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          'text/html': '<div class="accept">Accepted</div><div class="reject">Rejected</div>',
+        });
+
+      /**
+       * Accepted div is rendered with FilteredDivTool's class
+       */
+      cy.get('[data-cy=editorjs]')
+        .get('div.ce-filtered-div')
+        .should('contain', 'Accepted');
+
+      /**
+       * Rejected div falls back to the default paragraph
+       */
+      cy.get('[data-cy=editorjs]')
+        .get('div.ce-paragraph')
+        .should('contain', 'Rejected');
+
+      /**
+       * Saved data reflects the same split
+       */
+      cy.get<EditorJS>('@editorInstance')
+        .then(async (editor) => {
+          cy.wrap<OutputData>(await editor.save())
+            .then((data) => {
+              expect(data.blocks[0].type).to.eq('filteredDiv');
+              expect(data.blocks[1].type).to.eq('paragraph');
+            });
+        });
+    });
+
     it('should parse pattern', function () {
       cy.createEditor({
         tools: {