kie-issues#172: Write integration tests for DMN Editor's Boxed Expression Editor using PlayWright and Storybook

[ljmotta]

issue

Closes apache/incubator-kie-issues#172

On this PR

It bootstraps a new test strategy for the kie-tools monorepo as part of the apache/incubator-kie-issues#457 EPIC. This PR replaces the integration with end-to-end, adds the Playwright framework, adds the Storybook as a testing target platform and documentation tool.

End-to-end tests

To create the new tests for the boxed-expression-component, the combination of two tools. Playwright is an end-to-end (E2E) testing framework, which has the capabilities to run tests in parallel, WebKit support, and iframe support. Storybook provides a clean environment as a target for the tests, and a documentation tool. This documentation can be published like the following: https://ljmotta.github.io/kie-tools-demos/?path=/story/dev-web-app--web-app

new packages

It adds two new packages

• playwright-base
  Adds the default configuration file for the Playwright framework. This configuration file should be used for any other package that wants to use the Playwright framework for the E2E tests.

• storybook-base
  Adds the default configuration file for the Storybook tool. This configuration file should be used for any other package that wants to use the Storybook tool.

Affected packages

• boxed-expression-component
  Adds E2E tests and storybook.

• chrome-extension-pack-kogito-kie-editors
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder. Samples were left in the it-tests folder as it has a dependency on the kie-tools main branch (Change the E2E test strategy for the chrome-extension packages as they point to specific files on kie-tools and other repos incubator-kie-issues#554).

• chrome-extension-serverless-workflow-editor
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder. Samples were left in the it-tests folder as it has a dependency on the kie-tools main branch (Change the E2E test strategy for the chrome-extension packages as they point to specific files on kie-tools and other repos incubator-kie-issues#554).

• chrome-extension-test-helper
  Replace it with e2e.

• feel-input-component
  Add data-testid to the Monaco editor container

• kie-editors-dev-vscode-extension
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• kie-editors-standalone
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• kn-plugin-workflow
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• online-editor
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder. Created new tests and removed tests.

• pmml-editor
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• root-env/env
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• scesim-editor
  Replaced it with e2e.

• serverless-logic-web-tools
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• serverless-workflow-diagram-editor
  Replaced integrationTests env variable with endToEndTests.

• serverless-workflow-vscode-extension
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• stunner-editors
  Replaced integration with end-to-end. Replaced integrationTests env variable with endToEndTests.

• vscode-extension-dashbuilder-editor
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.

• yard-vscode-extension
  Replaced integration with end-to-end. Replaced it with e2e. Replaced integrationTests env variable with endToEndTests. Moved tests from it-tests to e2e-tests folder.