chore: change key typing

Author: ghiscoding

playwright/e2e/example02.spec.ts

@@ -13,8 +13,9 @@ test.describe('Example 02 - Multiple Select', () => {
     await page.keyboard.press('ArrowDown');
     const juneLoc = await page.locator('div[data-test=select1] .ms-drop li:nth-of-type(6)');
     await expect(juneLoc).toHaveClass('highlighted');
-    await expect(await juneLoc.locator('label')).toHaveText('June');
-    await page.keyboard.press('Enter');
+    const juneLabelLoc = await juneLoc.locator('label');
+    await expect(juneLabelLoc).toHaveText('June');
+    await juneLabelLoc.press('Enter');
     await expect(parent1Span).toHaveText('4 of 12 selected');
 
     // go up until we reach "Select All" and use Space to press the option

playwright/e2e/options20.spec.ts

@@ -6,8 +6,8 @@ test.describe('Options 20 - Filter Placeholder', () => {
     await page.getByRole('button').click();
     const placeholderLocator = await page.getByPlaceholder('The filter placeholder');
     expect(placeholderLocator).toHaveCount(1);
-    placeholderLocator.focus();
-    await page.keyboard.type('de');
+    await placeholderLocator.focus();
+    await placeholderLocator.pressSequentially('de');
     await page.getByRole('option', { name: 'def' }).click();
     await page.getByRole('option', { name: 'cde' }).click();
     const selectAllLoc = await page.locator('.ms-select-all .icon-checkbox-container div');

playwright/e2e/options21.spec.ts

@@ -4,17 +4,15 @@ test.describe('Options 21 - Filter Accept On Enter', () => {
   test('select drop filter has a placeholder text', async ({ page }) => {
     await page.goto('#/options21');
     await page.locator('[data-test=select1].ms-parent').click();
-    await page.getByRole('textbox', { name: '🔎︎' });
-    await page.keyboard.type('ef');
-    await expect(page.locator('.ms-drop li.hide-radio')).toHaveCount(2);
+    await page.getByRole('textbox', { name: '🔎︎' }).pressSequentially('ef');
+    await expect(await page.locator('.ms-drop li.hide-radio')).toHaveCount(2);
     await page.getByRole('textbox').press('Enter');
-    await expect(page.locator('[data-test=select1] .ms-choice span')).toHaveText('def');
+    await expect(await page.locator('[data-test=select1] .ms-choice span')).toHaveText('def');
 
     await page.locator('[data-test=select2].ms-parent').click();
-    await page.getByRole('textbox', { name: '🔎︎' });
-    await page.keyboard.type('g');
-    await expect(page.locator('.ms-drop li.hide-radio')).toHaveCount(2);
+    await page.getByRole('textbox', { name: '🔎︎' }).pressSequentially('g');
+    await expect(await page.locator('.ms-drop li.hide-radio')).toHaveCount(2);
     await page.getByRole('textbox').press('Enter');
-    await expect(page.locator('[data-test=select2] .ms-choice span')).toHaveText('efg, fgh, ghi');
+    await expect(await page.locator('[data-test=select2] .ms-choice span')).toHaveText('efg, fgh, ghi');
   });
 });