feat: wip user-flows with puppeteer replay

.github/actions/replay/Dockerfile

@@ -0,0 +1,8 @@
+FROM node:iron-alpine
+
+RUN npm install -g puppeteer @puppeteer/replay
+
+COPY entrypoint.sh /entrypoint.sh
+
+ENTRYPOINT ["/entrypoint.sh"]
+

.github/actions/replay/entrypoint.sh

@@ -0,0 +1,11 @@
+#!/bin/sh -l
+
+read -d '' COMMAND <<-EOF
+	  if [ -f "$HOME/ignore" ] && grep "^ignore:$BUILD_DIR" "$HOME/ignore"; then
+	    echo "$BUILD_DIR didn't change"
+	  else
+	    ${BUILD_COMMAND:-echo} && npx @puppeteer/replay $*
+	  fi
+EOF
+
+OUTPUT=$(sh -c "$COMMAND")

.github/workflows/on_prs.yaml

@@ -24,6 +24,11 @@ jobs:
         uses: ./.github/actions/affected
         id: checkForAffected
 
+  replay:
+    uses: ./github/actions/replay
+    with:
+      args: user-flows
+
   articles-app:
     needs: [affected]
     if: contains(needs.affected.outputs.affected, 'articles-app')

user-flows/navigation.json

@@ -0,0 +1,24 @@
+{
+  "title": "creditas-site navigation",
+  "steps": [
+    {
+      "type": "navigate",
+      "url": "<https://www.creditas.com/?experiment=CRMIT-015b>"
+    },
+    {
+      "type": "waitForElement",
+      "target": "main",
+      "selectors": [
+        "aria/Use seu carro, imóvel ou salário e tenha o melhor crédito"
+      ],
+      "visible": true
+    },
+    {
+      "type": "click",
+      "target": "main",
+      "selectors": [["xpath///*[@data-testid=\"button-cta\"]"]],
+      "offsetY": 18,
+      "offsetX": 111
+    }
+  ]
+}