test: generate Lit test files automatically (#8561)

.gitignore

@@ -10,6 +10,9 @@ packages/*/test/visual/screenshots/failed
 packages/*/test/visual/*/screenshots/*/failed
 packages/icons/test/visual/screenshots/failed
 
+# Generated Lit test files
+packages/*/test/*.generated.*
+
 # Generated theme folders .ts files
 packages/**/theme/**/*.d.ts
 

package.json

@@ -5,8 +5,8 @@
   "scripts": {
     "analyze": "polymer analyze packages/**/vaadin-*.js > analysis.json && node scripts/prepareDocs.js && node scripts/buildWebtypes.js && node scripts/generateLumoAutoCompleteCss.js && ./scripts/buildThemeTypings.sh",
     "build:ts": "tsc --build tsconfig.build.json",
-    "debug": "web-test-runner --watch",
-    "debug:it": "web-test-runner --watch --config web-test-runner-it.config.js",
+    "debug": "yarn test --watch",
+    "debug:it": "yarn test --watch --config web-test-runner-it.config.js",
     "dist": "rimraf dist && yarn analyze && rollup -c rollup.config.js && cp analysis.json dist",
     "docs": "yarn analyze && web-dev-server --node-resolve --open",
     "icons": "lerna run icons",
@@ -18,16 +18,16 @@
     "prepare": "husky",
     "serve:dist": "web-dev-server --app-index dist/index.html --open",
     "start": "web-dev-server --node-resolve --open /dev",
-    "test": "web-test-runner",
-    "test:firefox": "web-test-runner --config web-test-runner-firefox.config.js",
-    "test:it": "web-test-runner --config web-test-runner-it.config.js",
-    "test:lumo": "web-test-runner --config web-test-runner-lumo.config.js",
-    "test:material": "web-test-runner --config web-test-runner-material.config.js",
-    "test:snapshots": "web-test-runner --config web-test-runner-snapshots.config.js",
-    "test:webkit": "web-test-runner --config web-test-runner-webkit.config.js",
-    "update:lumo": "TEST_ENV=update web-test-runner --config web-test-runner-lumo.config.js",
-    "update:material": "TEST_ENV=update web-test-runner --config web-test-runner-material.config.js",
-    "update:snapshots": "web-test-runner --config web-test-runner-snapshots.config.js --update-snapshots"
+    "test": "node scripts/generateLitTests.js && web-test-runner",
+    "test:firefox": "yarn test --config web-test-runner-firefox.config.js",
+    "test:it": "yarn test --config web-test-runner-it.config.js",
+    "test:lumo": "yarn test --config web-test-runner-lumo.config.js",
+    "test:material": "yarn test --config web-test-runner-material.config.js",
+    "test:snapshots": "yarn test --config web-test-runner-snapshots.config.js",
+    "test:webkit": "yarn test --config web-test-runner-webkit.config.js",
+    "update:lumo": "TEST_ENV=update yarn test --config web-test-runner-lumo.config.js",
+    "update:material": "TEST_ENV=update yarn test --config web-test-runner-material.config.js",
+    "update:snapshots": "yarn test --config web-test-runner-snapshots.config.js --update-snapshots"
   },
   "devDependencies": {
     "@fontsource/roboto": "^4.5.8",

packages/button/test/button.common.ts → packages/button/test/button.test.ts

@@ -2,6 +2,7 @@ import { expect } from '@vaadin/chai-plugins';
 import { resetMouse, sendKeys, sendMouse } from '@vaadin/test-runner-commands';
 import { fire, fixtureSync, middleOfNode, nextRender, nextUpdate } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../vaadin-button.js';
 import type { Button } from '../vaadin-button.js';
 
 describe('vaadin-button', () => {

packages/grid/test/accessibility.common.js → packages/grid/test/accessibility.test.js

@@ -1,5 +1,6 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextFrame } from '@vaadin/testing-helpers';
+import '../all-imports.js';
 import { flushGrid } from './helpers.js';
 
 describe('accessibility', () => {

packages/grid/test/array-data-provider.common.js → packages/grid/test/array-data-provider.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { click, fixtureSync, nextFrame } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { flushGrid, getBodyCellContent, getRows } from './helpers.js';
 
 describe('array data provider', () => {

packages/grid/test/basic.common.js → packages/grid/test/basic.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { aTimeout, fixtureSync, nextFrame, oneEvent } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import {
   flushGrid,
   getBodyCellContent,

packages/grid/test/column-auto-width.common.js → packages/grid/test/column-auto-width.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { aTimeout, fixtureSync, nextFrame, oneEvent } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { flushGrid, getContainerCell, getHeaderCell } from './helpers.js';
 
 function getCellIntrinsicWidth(cell) {

packages/grid/test/column-group.common.js → packages/grid/test/column-group.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextFrame, nextRender } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { flushGrid, getContainerCell } from './helpers.js';
 
 describe('column group', () => {

packages/grid/test/column-groups.common.js → packages/grid/test/column-groups.test.js

@@ -1,6 +1,8 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextFrame, nextRender, nextResize } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../vaadin-grid.js';
+import '../vaadin-grid-column-group.js';
 import {
   attributeRenderer,
   flushGrid,

packages/grid/test/column-rendering.common.js → packages/grid/test/column-rendering.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { aTimeout, fixtureSync, keyDownOn, nextFrame, nextResize, oneEvent } from '@vaadin/testing-helpers';
 import Sinon from 'sinon';
+import '../all-imports.js';
 import { flushGrid, getCellContent, getHeaderCellContent } from './helpers.js';
 
 ['ltr', 'rtl'].forEach((dir) => {

packages/grid/test/column-reordering.common.js → packages/grid/test/column-reordering.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { aTimeout, fixtureSync, nextFrame } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { isTouch } from '@vaadin/component-base/src/browser-utils.js';
 import {
   attributeRenderer,

packages/grid/test/column-resizing.common.js → packages/grid/test/column-resizing.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, listenOnce, nextFrame, nextRender } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import {
   dragAndDropOver,
   fire,

packages/grid/test/column.common.js → packages/grid/test/column.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextFrame, nextRender } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
 import {
   flushGrid,

packages/grid/test/data-provider.common.js → packages/grid/test/data-provider.test.js

@@ -1,6 +1,8 @@
 import { expect } from '@vaadin/chai-plugins';
 import { aTimeout, fixtureSync, nextFrame } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import './data-provider.styles.js';
+import '../all-imports.js';
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
 import {
   flushGrid,

packages/grid/test/deprecated-api.common.js → packages/grid/test/deprecated-api.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../vaadin-grid.js';
 import { flushGrid } from './helpers.js';
 
 describe('deprecated API', () => {

packages/grid/test/disabled.common.js → packages/grid/test/disabled.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { sendKeys } from '@vaadin/test-runner-commands';
 import { fixtureSync, nextFrame } from '@vaadin/testing-helpers';
+import '../all-imports.js';
 import { flushGrid } from './helpers.js';
 
 describe('disabled', () => {

packages/grid/test/drag-and-drop.common.js → packages/grid/test/drag-and-drop.test.js

@@ -2,6 +2,7 @@ import { expect } from '@vaadin/chai-plugins';
 import { resetMouse, sendMouse } from '@vaadin/test-runner-commands';
 import { aTimeout, fixtureSync, listenOnce, nextFrame, oneEvent } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../vaadin-grid.js';
 import { hover } from '@vaadin/button/test/visual/helpers.js';
 import { flushGrid, getBodyCellContent, getFirstCell, getRowBodyCells, getRows } from './helpers.js';
 

packages/grid/test/dynamic-item-size.common.js → packages/grid/test/dynamic-item-size.test.js

@@ -1,5 +1,6 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync } from '@vaadin/testing-helpers';
+import '../vaadin-grid.js';
 import { css } from 'lit';
 import { flushGrid, getFirstVisibleItem, infiniteDataProvider } from './helpers.js';
 

packages/grid/test/event-context.common.js → packages/grid/test/event-context.test.js

@@ -1,5 +1,6 @@
 import { expect } from '@vaadin/chai-plugins';
 import { click, fixtureSync } from '@vaadin/testing-helpers';
+import '../all-imports.js';
 import { flushGrid, getContainerCell } from './helpers.js';
 
 describe('event context', () => {

packages/grid/test/extension.common.js → packages/grid/test/extension.test.js

@@ -1,7 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync } from '@vaadin/testing-helpers';
+import { Grid } from '../src/vaadin-grid.js';
 
-const Grid = customElements.get('vaadin-grid');
 customElements.define('vaadin-custom-grid', class CustomGrid extends Grid {});
 
 describe('extended grid', () => {

packages/grid/test/filtering.common.js → packages/grid/test/filtering.test.js

@@ -1,6 +1,7 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fire, fixtureSync, nextFrame, nextRender, oneEvent } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { html, LitElement } from 'lit';
 import { flushGrid, getBodyCellContent, getHeaderCellContent, getVisibleItems, scrollToEnd } from './helpers.js';
 

packages/grid/test/frozen-columns.common.js → packages/grid/test/frozen-columns.test.js

@@ -2,6 +2,7 @@ import { expect } from '@vaadin/chai-plugins';
 import { resetMouse, sendMouse } from '@vaadin/test-runner-commands';
 import { fixtureSync, listenOnce, nextRender, nextResize } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../vaadin-grid.js';
 import { isElementFocused } from '@vaadin/a11y-base/src/focus-utils.js';
 import { setNormalizedScrollLeft } from '@vaadin/component-base/src/dir-utils.js';
 import { flushGrid, getRowCells, getRows, infiniteDataProvider, isWithinParentConstraints } from './helpers.js';

packages/grid/test/grid-wrapper.common.js → packages/grid/test/grid-wrapper.test.js

@@ -1,5 +1,6 @@
 import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextFrame } from '@vaadin/testing-helpers';
+import '../all-imports.js';
 import { flushGrid, getBodyCellContent } from './helpers.js';
 
 class GridWrapper extends HTMLElement {

packages/grid/test/hidden-grid.common.js → packages/grid/test/hidden-grid.test.js

@@ -2,6 +2,7 @@ import { expect } from '@vaadin/chai-plugins';
 import { sendKeys } from '@vaadin/test-runner-commands';
 import { fixtureSync, nextFrame, nextRender, oneEvent } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../vaadin-grid.js';
 import { fire, flushGrid, getBodyCellContent, getHeaderCell, infiniteDataProvider } from './helpers.js';
 
 describe('hidden grid', () => {

packages/grid/test/keyboard-interaction-mode.common.js → packages/grid/test/keyboard-interaction-mode.test.js

@@ -2,6 +2,7 @@ import { expect } from '@vaadin/chai-plugins';
 import { sendKeys } from '@vaadin/test-runner-commands';
 import { aTimeout, fixtureSync, keyDownOn, nextFrame, nextRender } from '@vaadin/testing-helpers';
 import sinon from 'sinon';
+import '../all-imports.js';
 import { getDeepActiveElement } from '@vaadin/a11y-base/src/focus-utils.js';
 import { flushGrid, getCellContent, getFocusedCellIndex, getFocusedRowIndex } from './helpers.js';