fix: distribute files to machines for external contributors. (#22326)

* fix: distribute files to machines for external contributors. * fix path * fix * fix glob * fix * fix glob pattern spec->cy. * fix * echo things. * test * use cd. * fix component tests. * test * test * fix * refactor * test distribut-step fix error fix fix test TEST * Revert "test distribut-step" This reverts commit 15c3606. * Revert "refactor" This reverts commit 21a8ad9. * reduce flake by increasing viewport height Co-authored-by: Ryan Manuel <ryanm@cypress.io> Co-authored-by: Lachlan Miller <lachlan.miller.1990@outlook.com>

Author: 3 people

circle.yml

@@ -528,14 +528,45 @@ commands:
  browser: <<parameters.browser>>
  - run:
  command: |
- cmd=$([[ <<parameters.percy>> == 'true' ]] && echo 'yarn percy exec --parallel -- --') || true
- DEBUG=<<parameters.debug>> \
- CYPRESS_KONFIG_ENV=production \
- CYPRESS_RECORD_KEY=${TEST_LAUNCHPAD_RECORD_KEY:-$MAIN_RECORD_KEY} \
- PERCY_PARALLEL_NONCE=$CIRCLE_SHA1 \
- PERCY_ENABLE=${PERCY_TOKEN:-0} \
- PERCY_PARALLEL_TOTAL=-1 \
- $cmd yarn workspace @packages/<<parameters.package>> cypress:run:<<parameters.type>> --browser <<parameters.browser>> --record --parallel --group <<parameters.package>>-<<parameters.type>>
+ echo Current working directory is $PWD
+ echo Total containers $CIRCLE_NODE_TOTAL
+
+ if [[ -v MAIN_RECORD_KEY ]]; then
+ # internal PR
+ cmd=$([[ <<parameters.percy>> == 'true' ]] && echo 'yarn percy exec --parallel -- --') || true
+ DEBUG=<<parameters.debug>> \
+ CYPRESS_KONFIG_ENV=production \
+ CYPRESS_RECORD_KEY=${TEST_LAUNCHPAD_RECORD_KEY:-$MAIN_RECORD_KEY} \
+ PERCY_PARALLEL_NONCE=$CIRCLE_SHA1 \
+ PERCY_ENABLE=${PERCY_TOKEN:-0} \
+ PERCY_PARALLEL_TOTAL=-1 \
+ $cmd yarn workspace @packages/<<parameters.package>> cypress:run:<<parameters.type>> --browser <<parameters.browser>> --record --parallel --group <<parameters.package>>-<<parameters.type>>
+ else
+ # external PR
+
+ # To make `circleci tests` work correctly, we need to step into the package folder.
+ cd packages/<<parameters.package>>
+
+ GLOB="cypress/e2e/**/*cy.*"
+
+ if [[ <<parameters.type>> == 'ct' ]]; then
+ # component tests are located side by side with the source codes.
+ GLOB="src/**/*cy.*"
+ fi
+
+ TESTFILES=$(circleci tests glob "$GLOB" | circleci tests split --total=$CIRCLE_NODE_TOTAL)
+ echo "Test files for this machine are $TESTFILES"
+
+ # To run the `yarn` command, we need to walk out of the package folder.
+ cd ../..
+
+ DEBUG=<<parameters.debug>> \
+ CYPRESS_KONFIG_ENV=production \
+ PERCY_PARALLEL_NONCE=$CIRCLE_SHA1 \
+ PERCY_ENABLE=${PERCY_TOKEN:-0} \
+ PERCY_PARALLEL_TOTAL=-1 \
+ yarn workspace @packages/<<parameters.package>> cypress:run:<<parameters.type>> --browser <<parameters.browser>> --spec $TESTFILES
+ fi
  - run:
  command: |
  if [[ <<parameters.package>> == 'app' && <<parameters.percy>> == 'true' && -d "packages/app/cypress/screenshots/runner/screenshot/screenshot.cy.tsx/percy" ]]; then

packages/app/cypress/e2e/specs.cy.ts

@@ -95,7 +95,7 @@ describe('App: Specs', () => {
 
  const expectedScaffoldPathsForPlatform = expectedScaffoldPaths.map(getPathForPlatform)
 
- it('scaffolds example files when card is clicked', () => {
+ it('scaffolds example files when card is clicked', { viewportHeight: 1200 }, () => {
  cy.get('@ScaffoldCard').click()
 
  cy.findByRole('dialog', {