1
1
// Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
3
- exports[`Container component should attach classNames 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>"`;
3
+ exports[`Container component should attach classNames 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" value=""></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>"`;
4
4
5
- exports[`Container component should attach styles 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>"`;
5
+ exports[`Container component should attach styles 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" value=""></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>"`;
6
6
7
7
exports[`Container component should render a container with array of objects with object columns 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>"`;
8
8
@@ -14,8 +14,8 @@ exports[`Container component should render a container with error 1`] = `"<div r
14
14
15
15
exports [` Container component should render a container with null array 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-notfound" >No matching records found</td ></tr ></tbody ></table ></div ><div id = " gridjs-temp" class = " gridjs-temp" ></div ></div >"` ;
16
16
17
- exports [` Container component should render a container with searchable table 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 >"`;
17
+ exports [` Container component should render a container with searchable table 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" value = " " ></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 >"`;
18
18
19
- exports[`Container component should render a container with sortable and paginated table 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>"`;
19
+ exports[`Container component should render a container with sortable and paginated table 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" value=""></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>"`;
20
20
21
21
exports[`Container component should render a container with table 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 >"`;
0 commit comments