From f4b8b7712fe3180c4d1ba50e63da34f00f7f2ffa Mon Sep 17 00:00:00 2001 From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com> Date: Fri, 29 Sep 2023 12:45:44 +0200 Subject: [PATCH] MDS-706 (#2400) * feat: an example of table with tooltips * fix: a bit more tests for table with tooltips --- next-docs/pages/components/table.tsx | 6 + next-docs/public/examples/table/LongData.tsx | 24 +- next-docs/public/examples/table/Tooltips.tsx | 145 + .../__snapshots__/index.test.tsx.snap | 69588 ++++++++++------ .../examples/table/__tests__/index.test.tsx | 9 + 5 files changed, 44295 insertions(+), 25477 deletions(-) create mode 100644 next-docs/public/examples/table/Tooltips.tsx diff --git a/next-docs/pages/components/table.tsx b/next-docs/pages/components/table.tsx index ae5ec7f4d3..2beb037fd5 100644 --- a/next-docs/pages/components/table.tsx +++ b/next-docs/pages/components/table.tsx @@ -20,6 +20,7 @@ import RowSizes from '../../public/examples/table/RowSizes'; import SelectableCheckboxes from '../../public/examples/table/SelectableCheckboxes'; import SelectableRows from '../../public/examples/table/SelectableRows'; import Sorting from '../../public/examples/table/Sorting'; +import Tooltips from '../../public/examples/table/Tooltips'; import Zebra from '../../public/examples/table/Zebra'; import useComponent from '../../utils/useComponent'; @@ -134,6 +135,11 @@ const PageTable = () => { preview={} code={examples ? examples.LongData : 'Loading'} /> + } + code={examples ? examples.Tooltips : 'Loading'} + /> { 'accessor': 'gameNameAndProvider', 'Footer': '', }, + { + 'Header': 'Amount', + 'accessor': 'amount', + 'Footer': '', + }, + { + 'Header': 'Currency', + 'accessor': 'currency', + 'Footer': '', + }, ], }, { - 'Header': 'Amount', + 'Header': 'Status', 'sticky': 'right', 'columns': [ { - 'Header': 'Amount', - 'accessor': 'amount', + 'Header': 'Status', + 'accessor': 'status', 'Footer': '', - } + }, ] } ]; @@ -61,7 +71,9 @@ const Example = () => { processTime: '2023-09-19T14:31:46.105Z', client: 'Bender (old) Coingaming', gameNameAndProvider: 'Pragmatic Play', - amount: 22.90748093020859, + amount: 22.97, + currency: 'USD', + status: 'SUCCESS' }; }); }; @@ -87,7 +99,7 @@ const Example = () => { columns={columns} data={data} defaultColumn={defaultColumn} - width={800} + width={900} height={400} withFooter={false} textClip={textClip} diff --git a/next-docs/public/examples/table/Tooltips.tsx b/next-docs/public/examples/table/Tooltips.tsx new file mode 100644 index 0000000000..6aa54cc212 --- /dev/null +++ b/next-docs/public/examples/table/Tooltips.tsx @@ -0,0 +1,145 @@ +import React from 'react'; +import { Table } from '@heathmont/moon-table-tw'; +import ClipProps from '@heathmont/moon-table-tw/lib/private/types/ClipProps'; +import { Chip, Tooltip } from '@heathmont/moon-core-tw'; +import { IconShare } from '@heathmont/moon-assets'; + +const Example = () => { + const columnsInitial = [ + { + 'Header': 'Transactions', + 'sticky': 'left', + columns: [ + { + 'Header': 'Transaction UUID', + 'accessor': 'uuid', + 'Footer': '', + }, + { + 'Header': 'User & Supplier user', + 'accessor': 'user', + 'Footer': '', + }, + ], + }, + { + 'Header': 'Info', + 'columns': [ + { + 'Header': 'Process time', + 'accessor': 'processTime', + 'Footer': '', + }, + { + 'Header': 'Client', + 'accessor': 'client', + 'Footer': '', + }, + { + 'Header': 'Game name & provider', + 'accessor': 'gameNameAndProvider', + 'Footer': '', + }, + { + 'Header': 'Amount', + 'accessor': 'amount', + 'maxWidth': 100, + 'Footer': '', + }, + { + 'Header': 'Currency', + 'accessor': 'currency', + 'maxWidth': 100, + 'Footer': '', + }, + { + 'Header': 'Status', + 'accessor': 'status', + 'maxWidth': 200, + 'Footer': '', + }, + ], + }, + { + 'Header': 'Actions', + 'sticky': 'right', + 'columns': [ + { + 'Header': 'Actions', + 'accessor': 'actions', + 'Footer': '', + }, + ] + } + ]; + + const tooltip = (className: string) => { + return ( + + + + + + + + Round details + + + + ); + }; + + const makeData = (length: number) => { + return Array.from('_'.repeat(length)).map((_, index) => { + return { + uuid: '84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546', + user: 'aleksandr@heathmonitoring.com', + processTime: '2023-09-19T14:31:46.105Z', + client: 'Bender (old) Coingaming', + gameNameAndProvider: 'Pragmatic Play', + amount: 22.97, + currency: 'USD', + status: 'SUCCESS', + + /** + * The expression below sets a tooltip with transparent background in the second row only. + */ + actions: index === 1 ? tooltip('bg-transparent') : tooltip('bg-goku'), + }; + }); + }; + + const defaultColumn = React.useMemo( + () => ({ + minWidth: 10, + width: 150, + }), + [] + ); + + const columns = React.useMemo(() => columnsInitial, []); + const data = React.useMemo(() => makeData(40), []); + const textClip = 'clip' as ClipProps; + + return ( + () => {}} + /> + ); +}; + +export default Example; diff --git a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap index de0d2167e8..d6b07bc8fc 100644 --- a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap @@ -30392,7 +30392,7 @@ Object {
Info
- Amount + Status
+
+ Amount + +
+ Currency +
- Amount + Status
+
+
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
- 2023-09-19T14:31:46.105Z + 22.97
- Bender (old) Coingaming -
-
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
@@ -32727,7 +33327,7 @@ Object {
Info
- Amount + Status
+
+ Amount + +
+ Currency +
- Amount + Status
+
+
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + 22.97
- Bender (old) Coingaming -
-
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
- 2023-09-19T14:31:46.105Z -
-
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
- 2023-09-19T14:31:46.105Z + 22.97
- Bender (old) Coingaming -
-
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
- 2023-09-19T14:31:46.105Z + 22.97
- Bender (old) Coingaming -
-
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
- 2023-09-19T14:31:46.105Z + 22.97
- Bender (old) Coingaming -
-
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
-
- 22.90748093020859 -
-
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
- Bender (old) Coingaming + 22.97
- Pragmatic Play + USD
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
Pragmatic Play
+
+ 22.97 +
+
+ USD +
- 22.90748093020859 + SUCCESS
-
-
-
-
, - "debug": [Function], - "findAllByAltText": [Function], - "findAllByDisplayValue": [Function], - "findAllByLabelText": [Function], - "findAllByPlaceholderText": [Function], - "findAllByRole": [Function], - "findAllByTestId": [Function], - "findAllByText": [Function], - "findAllByTitle": [Function], - "findByAltText": [Function], - "findByDisplayValue": [Function], - "findByLabelText": [Function], - "findByPlaceholderText": [Function], - "findByRole": [Function], - "findByTestId": [Function], - "findByText": [Function], - "findByTitle": [Function], - "getAllByAltText": [Function], - "getAllByDisplayValue": [Function], - "getAllByLabelText": [Function], - "getAllByPlaceholderText": [Function], - "getAllByRole": [Function], - "getAllByTestId": [Function], - "getAllByText": [Function], - "getAllByTitle": [Function], - "getByAltText": [Function], - "getByDisplayValue": [Function], - "getByLabelText": [Function], - "getByPlaceholderText": [Function], - "getByRole": [Function], - "getByTestId": [Function], - "getByText": [Function], - "getByTitle": [Function], - "queryAllByAltText": [Function], - "queryAllByDisplayValue": [Function], - "queryAllByLabelText": [Function], - "queryAllByPlaceholderText": [Function], - "queryAllByRole": [Function], - "queryAllByTestId": [Function], - "queryAllByText": [Function], - "queryAllByTitle": [Function], - "queryByAltText": [Function], - "queryByDisplayValue": [Function], - "queryByLabelText": [Function], - "queryByPlaceholderText": [Function], - "queryByRole": [Function], - "queryByTestId": [Function], - "queryByText": [Function], - "queryByTitle": [Function], - "rerender": [Function], - "unmount": [Function], -} -`; - -exports[`Table in RTL renders MiniMap 1`] = ` -Object { - "asFragment": [Function], - "baseElement": -
-
-
-
-
- Name - -
- Info - -
- Progress - -
-
-
- First Name - -
- Last Name - -
- Age - -
- Visits - -
- Activity - -
- Profile Progress - -
-
-
-
-
-
-
-
-
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-
-
- Test -
-
- Test -
-
- - 0 - -
-
- - 0 - -
-
- 0 -
-
- - 0 - -
-
-
-
- Test -
-
- Test -
-
- - 30 - -
-
- - 100 - -
-
- 100 -
-
- - 100 - -
-
-
-
- Test -
-
- Test -
-
- - 60 - -
-
- - 200 - -
-
- 200 -
-
- - 200 - -
-
-
-
- Test -
-
- Test -
-
- - 90 - -
-
- - 300 - -
-
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+ USD +
+
+ SUCCESS +
+
+
+
+
+
, + "debug": [Function], + "findAllByAltText": [Function], + "findAllByDisplayValue": [Function], + "findAllByLabelText": [Function], + "findAllByPlaceholderText": [Function], + "findAllByRole": [Function], + "findAllByTestId": [Function], + "findAllByText": [Function], + "findAllByTitle": [Function], + "findByAltText": [Function], + "findByDisplayValue": [Function], + "findByLabelText": [Function], + "findByPlaceholderText": [Function], + "findByRole": [Function], + "findByTestId": [Function], + "findByText": [Function], + "findByTitle": [Function], + "getAllByAltText": [Function], + "getAllByDisplayValue": [Function], + "getAllByLabelText": [Function], + "getAllByPlaceholderText": [Function], + "getAllByRole": [Function], + "getAllByTestId": [Function], + "getAllByText": [Function], + "getAllByTitle": [Function], + "getByAltText": [Function], + "getByDisplayValue": [Function], + "getByLabelText": [Function], + "getByPlaceholderText": [Function], + "getByRole": [Function], + "getByTestId": [Function], + "getByText": [Function], + "getByTitle": [Function], + "queryAllByAltText": [Function], + "queryAllByDisplayValue": [Function], + "queryAllByLabelText": [Function], + "queryAllByPlaceholderText": [Function], + "queryAllByRole": [Function], + "queryAllByTestId": [Function], + "queryAllByText": [Function], + "queryAllByTitle": [Function], + "queryByAltText": [Function], + "queryByDisplayValue": [Function], + "queryByLabelText": [Function], + "queryByPlaceholderText": [Function], + "queryByRole": [Function], + "queryByTestId": [Function], + "queryByText": [Function], + "queryByTitle": [Function], + "rerender": [Function], + "unmount": [Function], +} +`; + +exports[`Table in RTL renders MiniMap 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+
+
+
+ Name + +
+ Info + +
+ Progress + +
+
+
+ First Name + +
+ Last Name + +
+ Age + +
+ Visits + +
+ Activity + +
+ Profile Progress + +
+
+
+
+
+
+
+
+
+
+
+
+
+ Test +
+
+ Test +
+
+ + 0 + +
+
+ + 0 + +
+
+ 0 +
+
+ + 0 + +
+
+
+
+ Test +
+
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
+ 100 +
+
+ + 100 + +
+
+
+
+ Test +
+
+ Test +
+
+ + 60 + +
+
+ + 200 + +
+
+ 200 +
+
+ + 200 + +
+
+
+
+ Test +
+
+ Test +
+
+ + 90 + +
+
+ + 300 + +
+
300 @@ -38418,7 +39618,256 @@ Object {
+
+
+ Test +
+
+ Test +
+
+ + 0 + +
+
+ + 0 + +
+
+ 0 +
+
+ 0 +
+
+
+
+ Test +
+
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
+ 100 +
+
+ 100 +
+
+
+
+
+
+
+
+ First Name + +
+ Last Name + +
+ Age + +
+ Visits + +
+ Activity + +
+ Status + +
+
+
+
+
+
+
+
+
+
+
+
+
+ , + "container":
+
+
+ First Name
- First Name - -
- Last Name - -
- Age - -
- Visits - -
- Activity - -
- Status - + class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Last Name
-
+
+
+ Age
+
+
+ Visits
+
+
+ Activity
+
+
+ Status
+
+
+
+
+
+
+
+
+
+
-
- Test -
-
- Test -
-
- - 0 - -
-
- - 0 - -
-
+ Test +
+
+ Test +
+
+ 0 -
-
+ +
+
+ 0 -
+
-
- Test -
-
- Test -
-
- - 30 - -
-
- - 100 - -
-
- 100 -
-
+ 0 +
+
+ 0 +
+
+
+
+ Test +
+
+ Test +
+
+ + 30 + +
+
+ 100 -
+ +
+
+ 100 +
+
+ 100
-
- , - "container":
-
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
+ 100 +
+
+ 100 +
+
+
+
+
+
, + "debug": [Function], + "findAllByAltText": [Function], + "findAllByDisplayValue": [Function], + "findAllByLabelText": [Function], + "findAllByPlaceholderText": [Function], + "findAllByRole": [Function], + "findAllByTestId": [Function], + "findAllByText": [Function], + "findAllByTitle": [Function], + "findByAltText": [Function], + "findByDisplayValue": [Function], + "findByLabelText": [Function], + "findByPlaceholderText": [Function], + "findByRole": [Function], + "findByTestId": [Function], + "findByText": [Function], + "findByTitle": [Function], + "getAllByAltText": [Function], + "getAllByDisplayValue": [Function], + "getAllByLabelText": [Function], + "getAllByPlaceholderText": [Function], + "getAllByRole": [Function], + "getAllByTestId": [Function], + "getAllByText": [Function], + "getAllByTitle": [Function], + "getByAltText": [Function], + "getByDisplayValue": [Function], + "getByLabelText": [Function], + "getByPlaceholderText": [Function], + "getByRole": [Function], + "getByTestId": [Function], + "getByText": [Function], + "getByTitle": [Function], + "queryAllByAltText": [Function], + "queryAllByDisplayValue": [Function], + "queryAllByLabelText": [Function], + "queryAllByPlaceholderText": [Function], + "queryAllByRole": [Function], + "queryAllByTestId": [Function], + "queryAllByText": [Function], + "queryAllByTitle": [Function], + "queryByAltText": [Function], + "queryByDisplayValue": [Function], + "queryByLabelText": [Function], + "queryByPlaceholderText": [Function], + "queryByRole": [Function], + "queryByTestId": [Function], + "queryByText": [Function], + "queryByTitle": [Function], + "rerender": [Function], + "unmount": [Function], +} +`; + +exports[`Table in RTL renders RowSizes 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+
+
+ First Name + +
+ Last Name + +
+ Age + +
+ Visits + +
+ Activity + +
+ Status + +
+
+
+
+
+
+
+
+
+
+
+
+
+ Test +
+
+ Test +
+
+ + 0 + +
+
+ + 0 + +
+
+ 0 +
+
+ 0 +
+
+
+
+ Test +
+
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
+ 100 +
+
+ 100 +
+
+
+
+
+
+
+
+ First Name + +
+ Last Name + +
+ Age + +
+ Visits + +
+ Activity + +
+ Status + +
+
- Test +
+
+
+
+
+
+
+
- - 30 - +
+ Test +
+
+ Test +
+
+ + 0 + +
+
+ + 0 + +
+
+ 0 +
+
+ 0 +
- +
+ Test +
+
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
100 - -
-
- 100 -
-
- 100 +
+
+ 100 +
-
-
- First Name