quill-table-up 3.1.0 → 3.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quill-table-up",
   "type": "module",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "packageManager": "pnpm@10.17.1",
   "description": "A table module for quill2.x",
   "author": "zzxming",

package/src/__tests__/unit/table-insert.test.ts

@@ -388,7 +388,7 @@ describe('set contents', () => {
         { insert: '2' },
         { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '1', colId: '2', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'background-color: red; border-bottom-color: red;' } }, insert: '\n' },
         { insert: '3' },
-        { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '2', colId: '1', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'border-color: red; border-right-color: red;' } }, insert: '\n' },
+        { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '2', colId: '1', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'border-color: red;' } }, insert: '\n' },
         { insert: '4' },
         { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '2', colId: '2', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'border-color: red;' } }, insert: '\n' },
         { insert: '5' },
@@ -682,8 +682,8 @@ describe('set cell attribute', () => {
             ${createTaleColHTML(2)}
             <tbody>
               <tr data-row-id="1">
-                <td colspan="1" data-col-id="1" data-row-id="1" rowspan="1" style="border-color: red; border-right-color: red;">
-                  <div data-col-id="1" data-colspan="1" data-row-id="1" data-rowspan="1" data-style="border-color: red; border-right-color: red;">
+                <td colspan="1" data-col-id="1" data-row-id="1" rowspan="1" style="border-color: red;">
+                  <div data-col-id="1" data-colspan="1" data-row-id="1" data-rowspan="1" data-style="border-color: red;">
                     <p>1</p>
                   </div>
                 </td>
@@ -719,7 +719,7 @@ describe('set cell attribute', () => {
         { insert: { 'table-up-col': { tableId: '1', colId: '1', full: true, width: 50 } } },
         { insert: { 'table-up-col': { tableId: '1', colId: '2', full: true, width: 50 } } },
         { insert: '1' },
-        { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '1', colId: '1', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'border-color: red; border-right-color: red;' } }, insert: '\n' },
+        { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '1', colId: '1', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'border-color: red;' } }, insert: '\n' },
         { insert: '2' },
         { attributes: { 'table-up-cell-inner': { tableId: '1', rowId: '1', colId: '2', rowspan: 1, colspan: 1, tag: 'td', wrapTag: 'tbody', style: 'border-color: red;' } }, insert: '\n' },
         { insert: '3' },

package/src/__tests__/unit/table-redo-undo.test.ts

@@ -1568,8 +1568,8 @@ describe('undo cell attribute', () => {
             ${createTaleColHTML(2)}
             <tbody>
               <tr data-row-id="1">
-                <td colspan="1" data-col-id="1" data-row-id="1" rowspan="1" style="border-color: red; border-right-color: red;">
-                  <div data-col-id="1" data-colspan="1" data-row-id="1" data-rowspan="1" data-style="border-color: red; border-right-color: red;">
+                <td colspan="1" data-col-id="1" data-row-id="1" rowspan="1" style="border-color: red;">
+                  <div data-col-id="1" data-colspan="1" data-row-id="1" data-rowspan="1" data-style="border-color: red;">
                     <p>1</p>
                   </div>
                 </td>

package/src/__tests__/unit/utils.ts

@@ -7,6 +7,21 @@ import { TableUp } from '../../table-up';
 const Delta = Quill.import('delta');
 
 export const normalizeHTML = (html: string | { html: string }) => typeof html === 'object' ? html.html : html.replaceAll(/\n\s*/g, '');
+export function normalizeStyle(style: string) {
+  if (!style) return '';
+  return style
+    .split(';')
+    .map(style => style.trim())
+    .filter(Boolean)
+    .map((style) => {
+      const [property, value] = style.split(':').map(s => s.trim());
+      return property && value ? `${property}:${value}` : '';
+    })
+    .filter(Boolean)
+    .toSorted()
+    .join(';');
+}
+
 export function sortAttributes(element: HTMLElement) {
   const attributes = Array.from(element.attributes);
   const sortedAttributes = attributes.toSorted((a, b) => a.name.localeCompare(b.name));
@@ -100,6 +115,14 @@ expect.extend({
       }
 
       sortAttributes(dom);
+
+      // normalize style attributes to handle different order
+      for (const node of Array.from(dom.querySelectorAll('[style]'))) {
+        const styleAttr = node.getAttribute('style');
+        if (styleAttr) {
+          node.setAttribute('style', normalizeStyle(styleAttr));
+        }
+      }
     }
 
     if (this.equals(receivedDOM.innerHTML, expectedDOM.innerHTML)) {

package/src/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"3.2.3","results":[[":__tests__/unit/utils.test-d.ts",{"duration":0,"failed":false}],[":__tests__/unit/table-clipboard.test.ts",{"duration":0,"failed":false}],[":__tests__/unit/table-redo-undo.test.ts",{"duration":0,"failed":false}],[":__tests__/unit/table-hack.test.ts",{"duration":2364.9740000000006,"failed":false}],[":__tests__/unit/table-cell-merge.test.ts",{"duration":2889.4441,"failed":false}],[":__tests__/unit/table-insert.test.ts",{"duration":4219.5929,"failed":false}],[":__tests__/unit/table-blots.test.ts",{"duration":0,"failed":false}],[":__tests__/unit/utils.test.ts",{"duration":609.6858000000002,"failed":false}],[":__tests__/unit/table-caption.test.ts",{"duration":2020.7275,"failed":false}],[":__tests__/unit/table-remove.test.ts",{"duration":2403.8237999999997,"failed":false}]]}
+{"version":"3.2.3","results":[[":__tests__/unit/utils.test-d.ts",{"duration":0,"failed":false}],[":__tests__/unit/table-clipboard.test.ts",{"duration":5764.352499999999,"failed":true}],[":__tests__/unit/table-redo-undo.test.ts",{"duration":7413.697700000001,"failed":true}],[":__tests__/unit/table-hack.test.ts",{"duration":2512.8070000000002,"failed":false}],[":__tests__/unit/table-cell-merge.test.ts",{"duration":3206.3629,"failed":false}],[":__tests__/unit/table-insert.test.ts",{"duration":4597.281199999999,"failed":true}],[":__tests__/unit/table-blots.test.ts",{"duration":2687.4262,"failed":true}],[":__tests__/unit/utils.test.ts",{"duration":732.1670999999997,"failed":false}],[":__tests__/unit/table-caption.test.ts",{"duration":1031.1293,"failed":true}],[":__tests__/unit/table-remove.test.ts",{"duration":2594.6331,"failed":true}]]}