feat(AnalyticalTable): Add Highlight Column (#391)

Closes #312
SAP · Mar 27, 2020 · 69e648a · 69e648a
1 parent 193e8ef
commit 69e648a
Show file tree

Hide file tree

Showing 11 changed files with 728 additions and 11 deletions.
diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.test.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.test.tsx
@@ -1,6 +1,7 @@
 import { createPassThroughPropsTest } from '@shared/tests/utils';
 import { mount } from 'enzyme';
 import { AnalyticalTable } from '@ui5/webcomponents-react/lib/AnalyticalTable';
+import { ValueState } from '@ui5/webcomponents-react/lib/ValueState';
 import { TableSelectionMode } from '@ui5/webcomponents-react/lib/TableSelectionMode';
 import { AnalyticalTableScrollMode } from '@ui5/webcomponents-react/lib/AnalyticalTableScrollMode';
 import React, { useRef } from 'react';
@@ -31,7 +32,8 @@ const data = [
     friend: {
       name: 'MAR',
       age: 28
-    }
+    },
+    status: ValueState.Success
   },
   {
     name: 'bla',
@@ -293,5 +295,19 @@ describe('AnalyticalTable', () => {
     expect(tableInnerRef.scrollTop).toBe(2);
   });
 
+  test('with highlight row', () => {
+    const wrapper = mount(
+      <AnalyticalTable
+        title="Table Title"
+        data={data}
+        columns={columns}
+        selectionMode={TableSelectionMode.SINGLE_SELECT}
+        withRowHighlight
+      />
+    );
+
+    expect(wrapper.render()).toMatchSnapshot();
+  });
+
   createPassThroughPropsTest(AnalyticalTable);
 });