add details cell cases

Author: vursen

packages/grid/test/visual/grid-focus.common.js

@@ -45,6 +45,10 @@ describe('grid focus', () => {
       };
     });
 
+    element.rowDetailsRenderer = (root) => {
+      root.textContent = 'Details';
+    };
+
     flushGrid(element);
     await nextRender();
   });
@@ -130,6 +134,20 @@ describe('grid focus', () => {
           await sendKeys({ press: 'End' });
           await visualDiff(element, `${dir}-first-body-row-last-cell`);
         });
+
+        it('details opened', async () => {
+          element.openItemDetails(element.items[0]);
+          await nextRender();
+          await visualDiff(element, `${dir}-first-body-row-details-opened`);
+        });
+
+        it('details opened cell', async () => {
+          element.openItemDetails(element.items[0]);
+          await nextRender();
+          await sendKeys({ press: isRTL ? 'ArrowLeft' : 'ArrowRight' });
+          await sendKeys({ press: 'ArrowDown' });
+          await visualDiff(element, `${dir}-first-body-row-details-opened-cell`);
+        });
       });
 
       describe('last body row', () => {
@@ -155,6 +173,20 @@ describe('grid focus', () => {
           await sendKeys({ press: 'End' });
           await visualDiff(element, `${dir}-last-body-row-last-cell`);
         });
+
+        it('details opened', async () => {
+          element.openItemDetails(element.items.at(-1));
+          await nextRender();
+          await visualDiff(element, `${dir}-last-body-row-details-opened`);
+        });
+
+        it('details opened cell', async () => {
+          element.openItemDetails(element.items.at(-1));
+          await nextRender();
+          await sendKeys({ press: isRTL ? 'ArrowLeft' : 'ArrowRight' });
+          await sendKeys({ press: 'ArrowDown' });
+          await visualDiff(element, `${dir}-last-body-row-details-opened-cell`);
+        });
       });
     });