Add auto record

[jasonLaster]

Proof of concept for what it would look like to launch chrome in an auto-record mode. The biggest missing piece is that we'd need a workflow for which recordings users would want to view.

[replay-io]

flake

19 replays were recorded for 7aafd51.

2 Failed

• cypress/e2e/adding-spec.ts

  1. should allow me to add todo items
  2. adds new items using a custom command
  3. adds items
  4. should clear text input field when an item is added
  5. should append new items to the bottom of the list
  6. should trim text input
  7. should show #main and #footer when items added
  8. should fail on this test

     AssertionError: Timed out retrying after 4000ms: Expected to find content: 'Sorry, something went wrong' but never did.
         at Context.eval (webpack:///./cypress/e2e/adding-spec.ts:99:49)

  9. calls inform
• cypress/e2e/button-spec.ts

  CypressError: Timed out retrying after 4050ms: `cy.click()` failed because this element is detached from the DOM.
  `<button data-test-id="disappearingButton" data-reactid=".0.0">Disappe...</button>`
  Cypress requires elements be attached in the DOM to interact with them.
  The previous command that ran was:
    > `cy.get()`
  This DOM element likely became detached somewhere between the previous and current command.
  Common situations why this happens:
    - Your JS framework re-rendered asynchronously
    - Your app code reacted to an event firing and removed the element
  You typically need to re-query for the element or add 'guards' which delay Cypress from running new commands.
  https://on.cypress.io/element-has-detached-from-dom
      at $Cy.ensureAttached (http://localhost:8888/__cypress/runner/cypress_runner.js:147471:76)
      at runAllChecks (http://localhost:8888/__cypress/runner/cypress_runner.js:133346:12)
      at retryActionability (http://localhost:8888/__cypress/runner/cypress_runner.js:133426:16)
      at tryCatcher (http://localhost:8888/__cypress/runner/cypress_runner.js:11318:23)
      at Promise.attempt.Promise.try (http://localhost:8888/__cypress/runner/cypress_runner.js:8592:29)
      at whenStable (http://localhost:8888/__cypress/runner/cypress_runner.js:152665:65)
      at <unknown> (http://localhost:8888/__cypress/runner/cypress_runner.js:152095:14)
      at tryCatcher (http://localhost:8888/__cypress/runner/cypress_runner.js:11318:23)
      at Promise._settlePromiseFromHandler (http://localhost:8888/__cypress/runner/cypress_runner.js:9253:31)
      at Promise._settlePromise (http://localhost:8888/__cypress/runner/cypress_runner.js:9310:18)
      at Promise._settlePromise0 (http://localhost:8888/__cypress/runner/cypress_runner.js:9355:10)
      at Promise._settlePromises (http://localhost:8888/__cypress/runner/cypress_runner.js:9435:18)
      at Promise._fulfill (http://localhost:8888/__cypress/runner/cypress_runner.js:9379:18)
      at <unknown> (http://localhost:8888/__cypress/runner/cypress_runner.js:10993:46)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/e2e/button-spec.ts:3:48)

17 Passed

• cypress/e2e/cast-alias-spec.ts
• cypress/e2e/cast-fixture-spec.ts
• cypress/e2e/cast-task-spec.ts
• cypress/e2e/clear-completed-spec.ts
• cypress/e2e/complete-all-spec.ts
• cypress/e2e/editing-spec.ts
• cypress/e2e/fixture-spec.ts
• cypress/e2e/hooks-spec.ts
• cypress/e2e/import-fixture-spec.ts
• cypress/e2e/intercept-spec.ts
• cypress/e2e/item-spec.ts
• cypress/e2e/only-spec.ts
• cypress/e2e/options-spec.ts
• cypress/e2e/persistence-spec.ts
• cypress/e2e/routing-spec.ts
• cypress/e2e/spec.ts
• cypress/e2e/using-fixture-spec.ts

View test run on Replay ↗︎

[jasonLaster]

Just pushed a commit with a new replay play command that launches the browser with playwright and listens for new and closed tabs. Now i'm creating lots of recordings, but i'm not sure how to associate them with the uploaded recordings

https://replay.metabaseapp.com/question/1320-jasons-recent-recordings

I think we've got something from how Cypress/playwright works that should help us.

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
playwright	1.39.0	network, filesystem, shell, environment	+1	10 MB	aslushnikov
dotenv	16.3.1	environment	+0	71.6 kB	motdotla