ci: fix flaky animation story

[nickofthyme]

Summary

Adds maxDiffPixelRatio, maxDiffPixels and threshold options to screenshot options and passes to playwright expect(element).toMatchSnapshot() method.

Fixes flaky annotation story with minor diff.

Error: Screenshot comparison failed:

  5 pixels (ratio 0.01 of all image pixels) are different

Expected: /app/e2e/test_failures/annotations_stories-Annotations-stories-Hover--acf9e-her-annotations-when-rect-annotation-is-hovered-chrome/annotations-stories/hover-state/should-fade-all-other-annotations-when-rect-annotation-is-hovered-expected.png
Received: /app/e2e/test_failures/annotations_stories-Annotations-stories-Hover--acf9e-her-annotations-when-rect-annotation-is-hovered-chrome/annotations-stories/hover-state/should-fade-all-other-annotations-when-rect-annotation-is-hovered-actual.png
    Diff: /app/e2e/test_failures/annotations_stories-Annotations-stories-Hover--acf9e-her-annotations-when-rect-annotation-is-hovered-chrome/annotations-stories/hover-state/should-fade-all-other-annotations-when-rect-annotation-is-hovered-diff.png

  33 |     });
  34 |     test('should fade all other annotations when rect annotation is hovered', async ({ page }) => {
> 35 |       await common.expectChartWithMouseAtUrlToMatchScreenshot(page)(
     |       ^
  36 |         url,
  37 |         {
  38 |           bottom: 188,

    at /app/e2e/page_objects/common.ts:368:25
    at /app/e2e/page_objects/common.ts:379:5
    at /app/e2e/page_objects/common.ts:414:7
    at /app/e2e/tests/annotations_stories.test.ts:35:7

Minor diff screenshot below 🧐

---

Adds retry logic to exec helper function to retry processes when needed. This was the suggestion from ops team as they have similar network issues with buildkite agents. This does not fix network issues with commands not using exec.

Should prevent errors such as...

yarn install v1.22.15
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
info There appears to be trouble with your network connection. Retrying...
error An unexpected error occurred: "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz: Request failed \"503 Service Unavailable\"".
info If you think this is a bug, please open a bug report with the information provided in "/app/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
Failed to run command: [yarn install --frozen-lockfile --ignore-scripts]

[nickofthyme]

buildkite test this

[nickofthyme]

buildkite test this

[nickofthyme]

buildkite test this

[markov00]

buildkite test this

(testing this a bit more)

[markov00]

buildkite test this

[markov00]

LGTM, I've run the CI multiple and seems stable

[nickofthyme]

It's strange to me that just setting the maxDiffPixels does nothing because threshold and maxDiffPixelRatio are still controlling from being set in playwright.config.ts, which is why I have to clear them manually.