chore: fix contributor workflow for @packages/app flow component testing (#31458)

* Update CHANGELOG.md

* remove work around for contributors and see what fails

* Update vite.config.mjs to further optimize CT dependencies under test to prevent a dev server reload

* Update vite.config.mjs

* Update SelectorPlayground.cy.tsx

* Update CHANGELOG.md

Author: AtofStrykerContributor

.circleci/workflows.yml

@@ -811,7 +811,7 @@ commands:
               if [[ <<parameters.type>> == 'ct' ]]; then
                 # component tests are located side by side with the source codes.
                 # for the app component tests, ignore specs that are known to cause failures on contributor PRs (see https://discuss.circleci.com/t/how-to-exclude-certain-files-from-circleci-test-globbing/41028)
-                TESTFILES=$(find src -regextype posix-extended -name '*.cy.*' -not -regex '.*(FileMatch|PromoAction|SelectorPlayground|useDurationFormat|useTestingType|SpecPatterns).cy.*' | circleci tests split --total=$CIRCLE_NODE_TOTAL)
+                TESTFILES=$(find src -regextype posix-extended -name '*.cy.*' | circleci tests split --total=$CIRCLE_NODE_TOTAL)
               else
                 GLOB="cypress/e2e/**/*cy.*"
                 TESTFILES=$(circleci tests glob "$GLOB" | circleci tests split --total=$CIRCLE_NODE_TOTAL)

packages/app/src/runner/selector-playground/SelectorPlayground.cy.tsx

@@ -68,6 +68,8 @@ describe('SelectorPlayground', () => {
     selectorPlaygroundStore.setNumElements(0)
 
     mountSelectorPlayground()
+    cy.then(() => selectorPlaygroundStore.setValidity(true))
+
     cy.get('[data-cy="playground-num-elements"]').contains('No matches')
 
     cy.then(() => selectorPlaygroundStore.setNumElements(1))

packages/app/vite.config.mjs

@@ -19,6 +19,27 @@ const config = makeConfig({
       'events',
       '@popperjs/core',
       '@opentelemetry/*',
+      '@headlessui/vue',
+      '@cypress-design/vue-icon',
+      '@cypress-design/vue-statusicon',
+      'human-interval',
+      'floating-vue',
+      'dayjs',
+      'dayjs/plugin/relativeTime',
+      'dayjs/plugin/duration',
+      'dayjs/plugin/customParseFormat',
+      'dayjs/plugin/utc',
+      'markdown-it',
+      '@toycode/markdown-it-class',
+      '@cypress-design/vue-tabs',
+      'gravatar',
+      '@opentelemetry/sdk-trace-web',
+      '@opentelemetry/resources',
+      '@opentelemetry/sdk-trace-base',
+      '@opentelemetry/api',
+      '@opentelemetry/semantic-conventions',
+      '@opentelemetry/exporter-trace-otlp-http',
+      '@opentelemetry/core',
     ],
     esbuildOptions: {
       target: 'ES2022',