chore: sort imports

ghiscoding · ghiscoding · commit 3079921d3521 · 2026-02-03T15:15:18.000-05:00
diff --git a/playwright/e2e/example01.spec.ts b/playwright/e2e/example01.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 01 - Basic Select', () => {
   test('basic select should have dropdown with certain list items', async ({ page }) => {
diff --git a/playwright/e2e/example02.spec.ts b/playwright/e2e/example02.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 02 - Multiple Select', () => {
   test('first select with multiple selection', async ({ page }) => {
diff --git a/playwright/e2e/example05.spec.ts b/playwright/e2e/example05.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 05 - disabled select', () => {
   test('should expect a disabled select element', async ({ page }) => {
diff --git a/playwright/e2e/example07.spec.ts b/playwright/e2e/example07.spec.ts
@@ -1,9 +1,9 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 07 - Submit Data', () => {
   test('submit form and display alert with serialized form data in an alert', async ({ page }) => {
     let dialogText = '';
-    page.on('dialog', async (alert) => {
+    page.on('dialog', async alert => {
       dialogText = alert.message();
       await alert.dismiss();
     });
@@ -15,11 +15,9 @@ test.describe('Example 07 - Submit Data', () => {
     await expect(dialogText).toBe('select1=2');
   });
 
-  test('submit form with multiple data in second select and display alert with serialized form data in an alert', async ({
-    page,
-  }) => {
+  test('submit form with multiple data in second select and display alert with serialized form data in an alert', async ({ page }) => {
     let dialogText = '';
-    page.on('dialog', async (alert) => {
+    page.on('dialog', async alert => {
       dialogText = alert.message();
       await alert.dismiss();
     });
diff --git a/playwright/e2e/example08.spec.ts b/playwright/e2e/example08.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 08 - Data Property', () => {
   test('all select dropdown should have data', async ({ page }) => {
diff --git a/playwright/e2e/example10.spec.ts b/playwright/e2e/example10.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 10 - Large Select Dataset with Virtual Scroll', () => {
   test('select should use virtual scroll', async ({ page }) => {
@@ -104,7 +104,10 @@ test.describe('Example 10 - Large Select Dataset with Virtual Scroll', () => {
     expect(await page.locator('[data-test="select10-2"] .ms-drop label').filter({ hasText: '5003' })).toBeVisible();
     expect(await page.getByRole('option', { name: ' Task 5003', exact: true }).filter({ hasText: '5003' })).toBeVisible();
     expect(
-      await page.getByRole('option', { name: ' Task 5003', exact: true }).locator('input[type=checkbox][data-key=option_5003]').isChecked(),
+      await page
+        .getByRole('option', { name: ' Task 5003', exact: true })
+        .locator('input[type=checkbox][data-key=option_5003]')
+        .isChecked(),
     ).toBeTruthy();
     await page.locator('[data-test=select10-2].ms-parent').click(); // close drop
   });
diff --git a/playwright/e2e/example12.spec.ts b/playwright/e2e/example12.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 12 - Checkbox/Radio icons', () => {
   test('1st select show radio icons & 2nd select shows checkbox icons', async ({ page }) => {
diff --git a/playwright/e2e/example13.spec.ts b/playwright/e2e/example13.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 13 - Destroy Select', () => {
   test('creating & destroying select multiple times', async ({ page }) => {
diff --git a/playwright/e2e/example14.spec.ts b/playwright/e2e/example14.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 14 - The Divider', () => {
   test('multiple select with divider list items', async ({ page }) => {
diff --git a/playwright/e2e/example15.spec.ts b/playwright/e2e/example15.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 15 - Dark Mode', () => {
   test('multiple select with dark mode', async ({ page }) => {
diff --git a/playwright/e2e/example16.spec.ts b/playwright/e2e/example16.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Example 16 - Avatar Images as Text Template', () => {
   test('show avatar images', async ({ page }) => {
@@ -9,8 +9,8 @@ test.describe('Example 16 - Avatar Images as Text Template', () => {
     await parentSelect1.click();
     await expect(page.locator('div[data-test=select1] .ms-drop')).not.toBeHidden();
     const parentSelectList1 = await page.locator('.ms-parent[data-test=select1] .ms-list');
-    await parentSelectList1.press('ArrowDown', { delay: 10});
-    await parentSelectList1.press('ArrowDown', { delay: 10});
+    await parentSelectList1.press('ArrowDown', { delay: 10 });
+    await parentSelectList1.press('ArrowDown', { delay: 10 });
     await parentSelectList1.press('Enter');
     const parentSpan1 = await page.locator('.ms-parent[data-test=select1] .ms-choice span');
     expect(parentSpan1).toHaveText('Erika');
@@ -23,7 +23,7 @@ test.describe('Example 16 - Avatar Images as Text Template', () => {
     await parentSelect2.click();
     await expect(page.locator('div[data-test=select2] .ms-drop')).not.toBeHidden();
     const parentSelectList2 = await page.locator('.ms-parent[data-test=select2] .ms-list');
-    await parentSelectList2.press('ArrowDown', { delay: 10});
+    await parentSelectList2.press('ArrowDown', { delay: 10 });
     await parentSelectList2.press('Enter');
     await expect(page.locator('[data-test=select2].ms-drop li.selected').nth(0).locator('div.name-section')).toHaveText('Smith');
     await expect(page.locator('[data-test=select2].ms-drop li.selected').nth(0).locator('div.job-section')).toHaveText('Accounting');
diff --git a/playwright/e2e/i18n.spec.ts b/playwright/e2e/i18n.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('I18N Demo', () => {
   test('select drop is using French locale', async ({ page }) => {
diff --git a/playwright/e2e/methods01.spec.ts b/playwright/e2e/methods01.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 01 - getOptions()', () => {
   test('method returns default options when calling the method', async ({ page }) => {
diff --git a/playwright/e2e/methods02.spec.ts b/playwright/e2e/methods02.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 02 - refreshOtions()', () => {
   test('clicking on the 1st button "refreshOptions" will remove the search filter', async ({ page }) => {
diff --git a/playwright/e2e/methods03.spec.ts b/playwright/e2e/methods03.spec.ts
@@ -1,9 +1,9 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 03 - setSelects() / getSelects()', () => {
   test('calling setSelects(1,3) and expect values & options to be displayed in alert', async ({ page }) => {
     const dialogTexts: string[] = [];
-    page.on('dialog', async (alert) => {
+    page.on('dialog', async alert => {
       dialogTexts.push(alert.message());
       await alert.dismiss();
     });
diff --git a/playwright/e2e/methods04.spec.ts b/playwright/e2e/methods04.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 04 - enable/disable', () => {
   test('disabling & enabling drop dynamically', async ({ page }) => {
diff --git a/playwright/e2e/methods05.spec.ts b/playwright/e2e/methods05.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 05 - open/close', () => {
   test('open & close drop dynamically', async ({ page }) => {
diff --git a/playwright/e2e/methods06.spec.ts b/playwright/e2e/methods06.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 06 - check/uncheck', () => {
   test('clicking Check and Uncheck should change selection on all select drops', async ({ page }) => {
diff --git a/playwright/e2e/methods07.spec.ts b/playwright/e2e/methods07.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 07 - checkAll/uncheckAll', () => {
   test('calling checkAll/uncheckAll should be reflected in the select dropdown', async ({ page }) => {
diff --git a/playwright/e2e/methods08.spec.ts b/playwright/e2e/methods08.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 08 - checkAll/uncheckAll', () => {
   test('calling checkAll/uncheckAll should be reflected in the select dropdown', async ({ page }) => {
diff --git a/playwright/e2e/methods10.spec.ts b/playwright/e2e/methods10.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 10 - refresh() method', () => {
   test('adding new options with disabled or selected in select drop', async ({ page }) => {
diff --git a/playwright/e2e/methods11.spec.ts b/playwright/e2e/methods11.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 11 - Destroy() method', () => {
   test('destroy & recreating the ms-select could be called multiple times', async ({ page }) => {
diff --git a/playwright/e2e/methods12.spec.ts b/playwright/e2e/methods12.spec.ts
@@ -1,9 +1,9 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Methods 12 - getData()', () => {
   test('method returns default options when calling the method', async ({ page }) => {
     let dialogText = '';
-    page.on('dialog', async (alert) => {
+    page.on('dialog', async alert => {
       dialogText = alert.message();
       await alert.dismiss();
     });
diff --git a/playwright/e2e/options01.spec.ts b/playwright/e2e/options01.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 01 - Placeholder', () => {
   test('first and second select have placeholder', async ({ page }) => {
diff --git a/playwright/e2e/options02.spec.ts b/playwright/e2e/options02.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 02 - Single Radio', () => {
   test('have radio button and expect drop to close after each selection', async ({ page }) => {
diff --git a/playwright/e2e/options03.spec.ts b/playwright/e2e/options03.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 03 - Hide Select All', () => {
   test('multiple select does not show Select All', async ({ page }) => {
diff --git a/playwright/e2e/options04.spec.ts b/playwright/e2e/options04.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 04 - Hide OptGroup', () => {
   test('no optgroup input should be found', async ({ page }) => {
diff --git a/playwright/e2e/options06.spec.ts b/playwright/e2e/options06.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 06 - Custom Drop Width', () => {
   test('drop height is ~130px', async ({ page }) => {
diff --git a/playwright/e2e/options07.spec.ts b/playwright/e2e/options07.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 07 - Max Height Unit', () => {
   test('drop should display 5 labels at first and expect a fixed height when changing height unit input', async ({ page }) => {
diff --git a/playwright/e2e/options08.spec.ts b/playwright/e2e/options08.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 08 - Drop Up showing on top of select', () => {
   test('drop shows up (upward)', async ({ page }) => {
diff --git a/playwright/e2e/options09.spec.ts b/playwright/e2e/options09.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 09 - Display Number Values', () => {
   test('select February & March and expect drop parent to show "2, 3" value numbers', async ({ page }) => {
diff --git a/playwright/e2e/options10.spec.ts b/playwright/e2e/options10.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 10 - Display Selected Titles', () => {
   test('select February & March and expect drop parent to show "February, March" selected text', async ({ page }) => {
diff --git a/playwright/e2e/options11.spec.ts b/playwright/e2e/options11.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 11 - Display Delimiter', () => {
   test('select February & March and expect drop parent to show pipe separator as in "February | March"', async ({ page }) => {
diff --git a/playwright/e2e/options12.spec.ts b/playwright/e2e/options12.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 12 - Minimum Count Selected', () => {
   test('shows a maximum of 8 selected options but 9 selection will show 9 of 19 selected', async ({ page }) => {
diff --git a/playwright/e2e/options13.spec.ts b/playwright/e2e/options13.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 13 - The Ellipsis', () => {
   test('ellipsis is shown after selecting 6+ options', async ({ page }) => {
diff --git a/playwright/e2e/options14.spec.ts b/playwright/e2e/options14.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 14 - Select is opened', () => {
   test('select is already opened when routing to the page', async ({ page }) => {
diff --git a/playwright/e2e/options15.spec.ts b/playwright/e2e/options15.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 15 - Select keep open', () => {
   test('select stays open even when clicking outside the drop but will close when clicking on drop', async ({ page }) => {
diff --git a/playwright/e2e/options16.spec.ts b/playwright/e2e/options16.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 16 - Open on Hover', () => {
   test('drop shows only after hovering the select element', async ({ page }) => {
diff --git a/playwright/e2e/options17.spec.ts b/playwright/e2e/options17.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 17 - Drop Container', () => {
   test('first select should not be visible without a container but all other selects should be visible', async ({ page }) => {
diff --git a/playwright/e2e/options18.spec.ts b/playwright/e2e/options18.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 18 - Drop Filtering', () => {
   test('filtering on all type of select', async ({ page }) => {
diff --git a/playwright/e2e/options19.spec.ts b/playwright/e2e/options19.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 19 - Filter Only Optgroup', () => {
   test('filtering by optgroup', async ({ page }) => {
diff --git a/playwright/e2e/options20.spec.ts b/playwright/e2e/options20.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 20 - Filter Placeholder', () => {
   test('select drop filter has a placeholder text', async ({ page }) => {
diff --git a/playwright/e2e/options21.spec.ts b/playwright/e2e/options21.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 21 - Filter Accept On Enter', () => {
   test('select drop filter has a placeholder text', async ({ page }) => {
diff --git a/playwright/e2e/options22.spec.ts b/playwright/e2e/options22.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 22 - Filter By Data Length', () => {
   test('filter shows only when data collection has over 10 items', async ({ page }) => {
diff --git a/playwright/e2e/options23.spec.ts b/playwright/e2e/options23.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 23 - Custom Filter', () => {
   test('filter starts with text', async ({ page }) => {
diff --git a/playwright/e2e/options24.spec.ts b/playwright/e2e/options24.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 24 - Show Clear button', () => {
   test('clear button expect input to be cleared', async ({ page }) => {
diff --git a/playwright/e2e/options26.spec.ts b/playwright/e2e/options26.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 26 - The Styler / CSS Styler', () => {
   test.beforeEach(async ({ page }) => {
diff --git a/playwright/e2e/options27.spec.ts b/playwright/e2e/options27.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 27 - Text Template', () => {
   test('option labels & selected options shows as html', async ({ page }) => {
diff --git a/playwright/e2e/options28.spec.ts b/playwright/e2e/options28.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 28 - Label Template', () => {
   test('option labels & selected options shows as html', async ({ page }) => {
diff --git a/playwright/e2e/options29.spec.ts b/playwright/e2e/options29.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 29 - Auto-Adjust Drop Position', () => {
   test('first select is showing dropdown & second select is showing dropup', async ({ page }) => {
diff --git a/playwright/e2e/options31.spec.ts b/playwright/e2e/options31.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 31 - Use Select Option as Label', () => {
   test('both select show selected value numbers & 2nd select can also render value number with html', async ({ page }) => {
diff --git a/playwright/e2e/options32.spec.ts b/playwright/e2e/options32.spec.ts
@@ -1,9 +1,9 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 32 - Sanitizer', () => {
   test('select shows image not found and JS alert should be sanitized and not trigger', async ({ page }) => {
     let alertTriggered = false;
-    page.on('dialog', async (alert) => {
+    page.on('dialog', async alert => {
       alertTriggered = true;
       alert.message();
       await alert.dismiss();
diff --git a/playwright/e2e/options35.spec.ts b/playwright/e2e/options35.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 35 - Diacritic Parser', () => {
   test('filtering on all type of select & clear search input', async ({ page }) => {
diff --git a/playwright/e2e/options36.spec.ts b/playwright/e2e/options36.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.describe('Options 36 - Infinite Scroll', () => {
   test('select should use infinite scroll', async ({ page }) => {
diff --git a/playwright/e2e/options37.spec.ts b/playwright/e2e/options37.spec.ts
diff --git a/playwright/e2e/options38.spec.ts b/playwright/e2e/options38.spec.ts
diff --git a/playwright/e2e/options39.spec.ts b/playwright/e2e/options39.spec.ts
diff --git a/playwright/e2e/options40.spec.ts b/playwright/e2e/options40.spec.ts
diff --git a/playwright/e2e/options41.spec.ts b/playwright/e2e/options41.spec.ts
diff --git a/playwright/e2e/options42.spec.ts b/playwright/e2e/options42.spec.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { test, expect } from '@playwright/test';`
	`1`	`+import { expect, test } from '@playwright/test';`
`2`	`2`
`3`	`3`	`test.describe('Example 01 - Basic Select', () => {`
`4`	`4`	`test('basic select should have dropdown with certain list items', async ({ page }) => {`