Error: expect(received).toBe(expected) // Object.is equality Expected: 3 Received: 0 at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:45:44 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62) Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with table 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td class="gridjs-td">1</td><td class="gridjs-td">2</td><td class="gridjs-td">3</td></tr><tr class="gridjs-tr"><td class="gridjs-td">a</td><td class="gridjs-td">b</td><td class="gridjs-td">c</td></tr></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:44:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should attach styles: tests/jest/view/container.test.tsx#L48

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should attach styles 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="border: 1px solid #ccc; width: 500px;"><div class="gridjs-head" style="padding: 5px;"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="font-size: 15px; height: auto;"><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td class="gridjs-td" style="font-weight: bold;">1</td><td class="gridjs-td" style="font-weight: bold;">2</td><td class="gridjs-td" style="font-weight: bold;">3</td></tr><tr class="gridjs-tr"><td class="gridjs-td" style="font-weight: bold;">a</td><td class="gridjs-td" style="font-weight: bold;">b</td><td class="gridjs-td" style="font-weight: bold;">c</td></tr></tbody></table></div><div class="gridjs-footer" style="margin: 2px;"><div class="gridjs-pagination"><div role="status" aria-live="polite" class="gridjs-summary" title="Page 1 of 1">Showing <b>1</b> to <b>2</b> of <b>2</b> results</div><div class="gridjs-pages"><button tabindex="0" role="button" disabled="" title="Previous" aria-label="Previous" class="">Previous</button><button tabindex="0" role="button" class="gridjs-currentPage" title="Page 1" aria-label="Page 1">1</button><button tabindex="0" role="button" disabled="" title="Next" aria-label="Next" class="">Next</button></div></div></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="border: 1px solid #ccc; width: 500px;"><div class="gridjs-head" style="padding: 5px;"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="font-size: 15px; height: auto;"><tbody class="gridjs-tbody"></tbody></table></div><div class="gridjs-footer" style="margin: 2px;"><div class="gridjs-pagination"><div class="gridjs-pages"><button tabindex="0" role="button" disabled="" title="Previous" aria-label="Previous" class="">Previous</button><button tabindex="0" role="button" disabled="" title="Next" aria-label="Next" class="">Next</button></div></div></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:83:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should attach classNames: tests/jest/view/container.test.tsx#L86

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should attach classNames 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container test-container" style="width: 500px;"><div class="gridjs-head test-header"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table test-table" style="height: auto;"><thead class="gridjs-thead test-head"><tr class="gridjs-tr"><th data-column-id="c1" class="gridjs-th test-th"><div class="gridjs-th-content">c1</div></th><th data-column-id="c2" class="gridjs-th gridjs-th-sort test-th" tabindex="0"><div class="gridjs-th-content">c2</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral test-sort"></button></th><th data-column-id="c3" class="gridjs-th gridjs-th-sort test-th" tabindex="0"><div class="gridjs-th-content">c3</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral test-sort"></button></th></tr></thead><tbody class="gridjs-tbody test-tbody"><tr class="gridjs-tr"><td data-column-id="c1" class="gridjs-td test-td">1</td><td data-column-id="c2" class="gridjs-td test-td">2</td><td data-column-id="c3" class="gridjs-td test-td">3</td></tr><tr class="gridjs-tr"><td data-column-id="c1" class="gridjs-td test-td">a</td><td data-column-id="c2" class="gridjs-td test-td">b</td><td data-column-id="c3" class="gridjs-td test-td">c</td></tr></tbody></table></div><div class="gridjs-footer test-footer"><div class="gridjs-pagination"><div role="status" aria-live="polite" class="gridjs-summary" title="Page 1 of 1">Showing <b>1</b> to <b>2</b> of <b>2</b> results</div><div class="gridjs-pages"><button tabindex="0" role="button" disabled="" title="Previous" aria-label="Previous" class="">Previous</button><button tabindex="0" role="button" class="gridjs-currentPage" title="Page 1" aria-label="Page 1">1</button><button tabindex="0" role="button" disabled="" title="Next" aria-label="Next" class="">Next</button></div></div></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container test-container" style="width: 500px;"><div class="gridjs-head test-header"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table test-table" style="height: auto;"><thead class="gridjs-thead test-head"><tr class="gridjs-tr"><th data-column-id="c1" class="gridjs-th test-th"><div class="gridjs-th-content">c1</div></th><th data-column-id="c2" class="gridjs-th gridjs-th-sort test-th" tabindex="0"><div class="gridjs-th-content">c2</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral test-sort"></button></th><th data-column-id="c3" class="gridjs-th gridjs-th-sort test-th" tabindex="0"><div class="gridjs-th-content">c3</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral test-sort"></button></th></tr></thead><tbody class="gridjs-tbody test-tbody"></tbody></table></div><div class="gridjs-footer test-footer"><div class="gridjs-pagination"><div class="gridjs-pages"><button tabindex="0" role="button" disabled="" title="Previous" aria-label="Previous" class="">Previous</button><button tabindex="0" role="button" disabled="" title="Next" aria-label="Next" class="">Next</button></div></div></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:126:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should render a container with searchable table: tests/jest/view/container.test.tsx#L129

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with searchable table 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-head"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td class="gridjs-td">1</td><td class="gridjs-td">2</td><td class="gridjs-td">3</td></tr><tr class="gridjs-tr"><td class="gridjs-td">a</td><td class="gridjs-td">b</td><td class="gridjs-td">c</td></tr></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-head"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:142:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should render a container with sortable and paginated table: tests/jest/view/container.test.tsx#L145

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with sortable and paginated table 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-head"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><thead class="gridjs-thead"><tr class="gridjs-tr"><th data-column-id="c1" class="gridjs-th"><div class="gridjs-th-content">c1</div></th><th data-column-id="c2" class="gridjs-th gridjs-th-sort" tabindex="0"><div class="gridjs-th-content">c2</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral"></button></th><th data-column-id="c3" class="gridjs-th gridjs-th-sort" tabindex="0"><div class="gridjs-th-content">c3</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral"></button></th></tr></thead><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td data-column-id="c1" class="gridjs-td">1</td><td data-column-id="c2" class="gridjs-td">2</td><td data-column-id="c3" class="gridjs-td">3</td></tr><tr class="gridjs-tr"><td data-column-id="c1" class="gridjs-td">a</td><td data-column-id="c2" class="gridjs-td">b</td><td data-column-id="c3" class="gridjs-td">c</td></tr></tbody></table></div><div class="gridjs-footer"><div class="gridjs-pagination"><div role="status" aria-live="polite" class="gridjs-summary" title="Page 1 of 1">Showing <b>1</b> to <b>2</b> of <b>2</b> results</div><div class="gridjs-pages"><button tabindex="0" role="button" disabled="" title="Previous" aria-label="Previous" class="">Previous</button><button tabindex="0" role="button" class="gridjs-currentPage" title="Page 1" aria-label="Page 1">1</button><button tabindex="0" role="button" disabled="" title="Next" aria-label="Next" class="">Next</button></div></div></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-head"><div class="gridjs-search"><input type="search" placeholder="Type a keyword..." aria-label="Type a keyword..." class="gridjs-input gridjs-search-input"></div></div><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><thead class="gridjs-thead"><tr class="gridjs-tr"><th data-column-id="c1" class="gridjs-th"><div class="gridjs-th-content">c1</div></th><th data-column-id="c2" class="gridjs-th gridjs-th-sort" tabindex="0"><div class="gridjs-th-content">c2</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral"></button></th><th data-column-id="c3" class="gridjs-th gridjs-th-sort" tabindex="0"><div class="gridjs-th-content">c3</div><button tabindex="-1" aria-label="Sort column ascending" title="Sort column ascending" class="gridjs-sort gridjs-sort-neutral"></button></th></tr></thead><tbody class="gridjs-tbody"></tbody></table></div><div class="gridjs-footer"><div class="gridjs-pagination"><div class="gridjs-pages"><button tabindex="0" role="button" disabled="" title="Previous" aria-label="Previous" class="">Previous</button><button tabindex="0" role="button" disabled="" title="Next" aria-label="Next" class="">Next</button></div></div></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:175:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should render a container with error: tests/jest/view/container.test.tsx#L178

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with error 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td role="alert" colspan="0" class="gridjs-td gridjs-message gridjs-error my-error">An error happened while fetching the data</td></tr></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:203:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should render a container with array of objects without columns input: tests/jest/view/container.test.tsx#L245

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with array of objects without columns input 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td class="gridjs-td">1</td><td class="gridjs-td">2</td><td class="gridjs-td">3</td></tr><tr class="gridjs-tr"><td class="gridjs-td">a</td><td class="gridjs-td">b</td><td class="gridjs-td">c</td></tr></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><tbody class="gridjs-tbody"></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:261:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should render a container with array of objects with string columns: tests/jest/view/container.test.tsx#L264

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with array of objects with string columns 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><thead class="gridjs-thead"><tr class="gridjs-tr"><th data-column-id="name" class="gridjs-th"><div class="gridjs-th-content">Name</div></th><th data-column-id="phoneNumber" class="gridjs-th"><div class="gridjs-th-content">Phone Number</div></th></tr></thead><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td data-column-id="name" class="gridjs-td">boo</td><td data-column-id="phoneNumber" class="gridjs-td">123</td></tr><tr class="gridjs-tr"><td data-column-id="name" class="gridjs-td">foo</td><td data-column-id="phoneNumber" class="gridjs-td">456</td></tr><tr class="gridjs-tr"><td data-column-id="name" class="gridjs-td">bar</td><td data-column-id="phoneNumber" class="gridjs-td">789</td></tr></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><thead class="gridjs-thead"><tr class="gridjs-tr"><th data-column-id="name" class="gridjs-th"><div class="gridjs-th-content">Name</div></th><th data-column-id="phoneNumber" class="gridjs-th"><div class="gridjs-th-content">Phone Number</div></th></tr></thead><tbody class="gridjs-tbody"></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:283:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should render a container with array of objects with object columns: tests/jest/view/container.test.tsx#L286

Error: expect(received).toMatchSnapshot() Snapshot name: `Container component should render a container with array of objects with object columns 1` - Snapshot - 1 + Received + 1 - "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><thead class="gridjs-thead"><tr class="gridjs-tr"><th data-column-id="name" class="gridjs-th"><div class="gridjs-th-content">Name</div></th><th data-column-id="phone" class="gridjs-th"><div class="gridjs-th-content">Phone Number</div></th></tr></thead><tbody class="gridjs-tbody"><tr class="gridjs-tr"><td data-column-id="name" class="gridjs-td">boo</td><td data-column-id="phone" class="gridjs-td">123</td></tr><tr class="gridjs-tr"><td data-column-id="name" class="gridjs-td">foo</td><td data-column-id="phone" class="gridjs-td">456</td></tr><tr class="gridjs-tr"><td data-column-id="name" class="gridjs-td">bar</td><td data-column-id="phone" class="gridjs-td">789</td></tr></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" + "<div role="complementary" class="gridjs gridjs-container" style="width: 100%;"><div class="gridjs-wrapper" style="height: auto;"><table role="grid" class="gridjs-table" style="height: auto;"><thead class="gridjs-thead"><tr class="gridjs-tr"><th data-column-id="name" class="gridjs-th"><div class="gridjs-th-content">Name</div></th><th data-column-id="phone" class="gridjs-th"><div class="gridjs-th-content">Phone Number</div></th></tr></thead><tbody class="gridjs-tbody"></tbody></table></div><div id="gridjs-temp" class="gridjs-temp"></div></div>" at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:314:30 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Container component > should unregister the processors: tests/jest/view/container.test.tsx#L342

Error: expect(received).toBe(expected) // Object.is equality Expected: 4 Received: 5 at /home/runner/work/gridjs/gridjs/tests/jest/view/container.test.tsx:385:46 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

Grid class > should trigger the events in the correct order: tests/jest/grid.test.ts#L13

Error: expect(received).toHaveBeenCalledBefore(expected) Expected first mock to have been called before, invocationCallOrder: [] Received second mock with invocationCallOrder: [] at /home/runner/work/gridjs/gridjs/tests/jest/grid.test.ts:28:32 at step (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:144:27) at Object.next (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:125:57) at fulfilled (/home/runner/work/gridjs/gridjs/node_modules/tslib/tslib.js:115:62)

build (14.x)

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v1. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

build (14.x): src/config.ts#L38