test: activate cell with Enter instead of double click (#8202) (#8204)

Co-authored-by: Serhii Kulykov <[email protected]>
vaadin · Nov 21, 2024 · a5038e7 · a5038e7
1 parent 111e397
commit a5038e7
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/packages/grid-pro/test/keyboard-navigation.common.js b/packages/grid-pro/test/keyboard-navigation.common.js
@@ -38,7 +38,8 @@ describe('keyboard navigation', () => {
 
     it('should focus cell next available for editing within a same row in non-edit mode on Tab', async () => {
       const firstCell = getContainerCell(grid.$.items, 1, 0);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       const secondCell = getContainerCell(grid.$.items, 1, 1);
       const spy = sinon.spy(secondCell, 'focus');
@@ -48,7 +49,8 @@ describe('keyboard navigation', () => {
 
     it('should focus previous cell available for editing within a same row in non-edit mode on Shift Tab', async () => {
       const firstCell = getContainerCell(grid.$.items, 1, 1);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       const secondCell = getContainerCell(grid.$.items, 1, 0);
       const spy = sinon.spy(secondCell, 'focus');
@@ -60,7 +62,8 @@ describe('keyboard navigation', () => {
 
     it('should focus cell next available for editing on the next row in non-edit mode on Tab', async () => {
       const firstCell = getContainerCell(grid.$.items, 1, 1);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       const secondCell = getContainerCell(grid.$.items, 2, 0);
       const spy = sinon.spy(secondCell, 'focus');
@@ -70,7 +73,8 @@ describe('keyboard navigation', () => {
 
     it('should focus previous cell available for editing on the previous in non-edit mode on Shift Tab', async () => {
       const firstCell = getContainerCell(grid.$.items, 2, 0);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       const secondCell = getContainerCell(grid.$.items, 1, 1);
       const spy = sinon.spy(secondCell, 'focus');
@@ -94,7 +98,8 @@ describe('keyboard navigation', () => {
 
     it('should exit the edit mode for the cell on Enter, if `enterNextRow` is false', async () => {
       const firstCell = getContainerCell(grid.$.items, 1, 0);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       await sendKeys({ press: 'Enter' });
       expect(getCellEditor(firstCell)).to.be.not.ok;
@@ -116,7 +121,8 @@ describe('keyboard navigation', () => {
 
     it('should exit the edit mode for the cell on Shift Enter, if `enterNextRow` is false', async () => {
       const firstCell = getContainerCell(grid.$.items, 1, 0);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       await sendKeys({ down: 'Shift' });
       await sendKeys({ press: 'Enter' });
@@ -133,7 +139,8 @@ describe('keyboard navigation', () => {
       dragAndDropOver(headerContent[0], headerContent[1]);
 
       const firstCell = getContainerCell(grid.$.items, 1, 1);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       const secondCell = getContainerCell(grid.$.items, 1, 0);
       const spy = sinon.spy(secondCell, 'focus');
@@ -147,7 +154,8 @@ describe('keyboard navigation', () => {
       flushGrid(grid);
 
       const firstCell = getContainerCell(grid.$.items, 1, 0);
-      dblclick(firstCell._content);
+      firstCell.focus();
+      await sendKeys({ press: 'Enter' });
 
       const secondCell = getContainerCell(grid.$.items, 2, 0);
       const spy = sinon.spy(secondCell, 'focus');