chore(integration-tests): use shorter filenames for windows @W-19134917 (#5553)

* test(integration): disable flaky tests (temporarily)

* chore(integration-tests): remove leading `test-` from filenames

It's implicit in the files being in the test directory and long filenames cause problems on windows

* chore(integration-tests): `delegate-focus-` -> `delegates-focus-`

* chore(integration-tests): rename `tab-index-` to `tabindex-`

* chore(integration-tests): remove `-elements`

* chore(integration-tests): rename `previous-` to `prev-`

* test(integration-tests): await async method

* chore(integration-tests): fully remove `test-` prefix

* test(integration-tests): derive test names instead of hard-coding

easier to maintain and uncovered a few broken tests!

* chore(integration-tests): rename way-too-long test name

Author: wjhsf

packages/@lwc/integration-tests/README.md

@@ -20,7 +20,6 @@ const engineModeFile = require.resolve('@lwc/engine-dom/dist/index.js');
 const shadowModeFile = require.resolve('@lwc/synthetic-shadow/dist/index.js');
 
 const testSufix = '.test.js';
-const testPrefix = 'test-';
 
 const functionalTestDir = path.join(__dirname, '../', 'src/components');
 const functionalTests = fs.readdirSync(functionalTestDir);
@@ -39,9 +38,7 @@ const testEntries = functionalTests.reduce((seed, functionalFolder) => {
 // -- Plugins & Helpers -------------------------------------
 
 function getTestName(absPpath) {
-    return path
-        .basename(absPpath.replace(testPrefix, '').replace(testSufix, '.js'), '.js')
-        .replace(testPrefix, '');
+    return path.basename(absPpath.replace(testSufix, '.js'), '.js');
 }
 
 function entryPointResolverPlugin() {

packages/@lwc/integration-tests/scripts/build.js

@@ -26,7 +26,7 @@ const suiteFolders = path.resolve(__dirname, '../', 'src/components');
 const suites = fs.readdirSync(suiteFolders).map((suiteName) => {
     const suitePath = path.resolve(suiteFolders, suiteName);
     const specs = fs.readdirSync(suitePath).map((specFolderName) => {
-        const testBasePath = path.basename(specFolderName).replace('test-', '');
+        const testBasePath = path.basename(specFolderName);
         return {
             mount: `/${testBasePath}`,
             path: `./public/${suiteName}/${testBasePath}`,

packages/@lwc/integration-tests/scripts/wdio.conf.js

@@ -5,17 +5,18 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const assert = require('assert');
-describe('Delegates focus', () => {
-    const URL = '/delegate-focus-click-input-in-negative-tabindex';
+const { basename } = require('node:path');
+const TEST_NAME = basename(__filename, '.spec.js');
 
+describe('Delegates focus', () => {
     before(async () => {
-        await browser.url(URL);
+        await browser.url('/' + TEST_NAME);
     });
 
     it('should focus the input when clicked', async () => {
         await browser.keys(['Tab']); // focus first anchor
         const input = await browser.shadowDeep$(
-            'integration-delegate-focus-click-input-in-negative-tabindex',
+            `integration-${TEST_NAME}`,
             'integration-child',
             'input'
         );

packages/@lwc/integration-tests/src/components/accessibility/test-delegate-focus-click-input-in-negative-tabindex/delegate-focus-click-input-in-negative-tabindex.spec.js renamed to packages/@lwc/integration-tests/src/components/accessibility/delegates-focus-click-input-in-negative-tabindex/delegates-focus-click-input-in-negative-tabindex.spec.js

@@ -4,27 +4,25 @@
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-describe('Tabbing into custom element with delegates focus', () => {
-    const URL = '/delegates-focus-click-shadow-input-negative-tab-index';
+const { basename } = require('node:path');
+const TEST_NAME = basename(__filename, '.spec.js');
 
+describe('Tabbing into custom element with delegates focus', () => {
     before(async () => {
-        await browser.url(URL);
+        await browser.url('/' + TEST_NAME);
     });
 
     it('should apply focus to input in shadow', async () => {
-        const div = await browser.shadowDeep$(
-            'integration-delegates-focus-click-shadow-input-negative-tab-index',
-            '.selectable-div'
-        );
+        const div = await browser.shadowDeep$(`integration-${TEST_NAME}`, '.selectable-div');
         await div.click();
         const input = await browser.shadowDeep$(
-            'integration-delegates-focus-click-shadow-input-negative-tab-index',
+            `integration-${TEST_NAME}`,
             'integration-child',
-            '.negative-tab-index-input'
+            '.negative-tabindex-input'
         );
         await input.click();
         // browser.click('.selectable-div');
-        // browser.click('.negative-tab-index-input');
+        // browser.click('.negative-tabindex-input');
         await browser.waitUntil(
             async () => {
                 const active = await browser.activeElementShadowDeep();

packages/@lwc/integration-tests/src/components/accessibility/test-delegate-focus-click-input-in-negative-tabindex-previous-sibling-focused/integration/child/child.html renamed to packages/@lwc/integration-tests/src/components/accessibility/delegates-focus-click-input-in-negative-tabindex/integration/child/child.html

@@ -0,0 +1,4 @@
+<template>
+    <input class="negative-tabindex-input" type="text" tabindex="-1" />
+    <span tabindex="0">Span</span>
+</template>