Update tests

Author: fhlavac

cypress/component/DataView.cy.tsx

@@ -1,9 +1,23 @@
 import React from 'react';
+import DataView from '../../packages/module/dist/dynamic/DataView';
+import DataViewToolbar from '../../packages/module/dist/esm/DataViewToolbar';
 
 describe('DataView', () => {
-  it('renders data view', () => {
-    cy.mount(<div id="test">Some text</div>);
+  it('renders the data view layout', () => {
+    cy.mount(<DataView><>Data view content</></DataView>)
+    cy.get('[data-ouia-component-id="DataView-stack-item-0"]').contains('Data view content');
+  });
 
-    cy.get('[id="test"]').should('contain', 'Some text');
-  })
-})
+  it('renders the data view with toolbar, data section and footer', () => {
+    cy.mount(
+      <DataView>
+        <DataViewToolbar page={1} perPage={10} />
+        <>Data section</>
+        <DataViewToolbar page={1} perPage={10} isBottom />
+      </DataView>
+    );
+    cy.get('[data-ouia-component-id="DataViewToolbar-pagination"]').should('exist');
+    cy.get('[data-ouia-component-id="DataView-stack-item-1"]').contains('Data section');
+    cy.get('[data-ouia-component-id="DataViewToolbar-pagination-bottom"]').should('exist');
+  });
+});

cypress/component/DataViewToolbar.cy.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import DataViewToolbar from '../../packages/module/dist/dynamic/DataViewToolbar';
+
+describe('DataViewToolbar', () => {
+  it('renders the data view toolbar', () => {
+    cy.mount(<DataViewToolbar page={1} perPage={10} />)
+    cy.get('[data-ouia-component-id="DataViewToolbar-pagination-bottom"]').should('not.exist');
+    cy.get('[data-ouia-component-id="DataViewToolbar-pagination"]').should('exist');
+  });
+
+  it('renders the data view bottom toolbar', () => {
+    cy.mount(<DataViewToolbar page={1} perPage={10} isBottom />)
+    cy.get('[data-ouia-component-id="DataViewToolbar-pagination"]').should('not.exist');
+    cy.get('[data-ouia-component-id="DataViewToolbar-pagination-bottom"]').should('exist');
+  });
+});

packages/module/src/DataView/DataView.test.tsx

@@ -6,8 +6,8 @@ import DataView from './DataView';
 describe('DataView', () => {
 
   it('should render data view', () => {
-    render(<DataView />);
-    expect(screen.getByText('This is Data view')).toBeInTheDocument();
+    render(<DataView><>Data view content</></DataView>);
+    expect(screen.getByText('Data view content')).toBeInTheDocument();
   });
 
 });