@actual-app/web 23.8.1 → 23.10.0

package/README.md

@@ -4,11 +4,13 @@ Actual on the web
 
 E2E (end-to-end) tests use [Playwright](https://playwright.dev/). Running them requires an Actual server to be running either locally or on a remote server.
 
+### Functional
+
 Running against the local server:
 
 ```sh
 # Start the development server
-yarn start:browser
+yarn start
 
 # Run against the local server (localhost:3001)
 yarn e2e
@@ -19,3 +21,42 @@ Running against a remote server:
 ```sh
 E2E_START_URL=http://my-remote-server.com yarn e2e
 ```
+
+### Visual regression
+
+Visual regression tests (also known as screenshot tests) check that the visual appearance of the product has not regressed. Each environment has slightly different colors, fonts etc. Mac differs from Windows which differs from Linux. In order to have a stable test environment for visual comparisons - you must use a standartised docker container. This ensures that the tests are always ran in a consistent environment.
+
+Prerequisites:
+
+- Docker installed
+
+#### Running against the local server
+
+First start the dev server:
+
+```sh
+HTTPS=true yarn start
+```
+Next, navigate to the root of your project folder, run the standartised docker container, and launch the visual regression tests from within it.
+
+```sh
+# Run docker container
+docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.37.0-jammy /bin/bash
+
+    # If you recieve an error such as "docker: invalid reference format", please instead use the following command:
+    docker run --rm --network host -v ${pwd}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.37.0-jammy /bin/bash
+
+# Run the VRT tests: important - they MUST be ran against a HTTPS server
+E2E_START_URL=https://192.168.0.178:3001 yarn vrt
+
+    # To update snapshots, use the following command:
+    E2E_START_URL=https://192.168.0.178:3001 yarn vrt --update-snapshots
+```
+
+#### Running against a remote server
+
+You can also run the tests against a remote server by passing the URL:
+
+```sh
+E2E_START_URL=https://my-remote-server.com yarn vrt
+```

package/build/asset-manifest.json

@@ -1,34 +1,34 @@
 {
   "files": {
-    "main.css": "/static/css/main.90cc2688.css",
-    "main.js": "/static/js/main.b9496410.js",
-    "static/js/969.b56f4e53.chunk.js": "/static/js/969.b56f4e53.chunk.js",
-    "static/js/383.1b04bac1.chunk.js": "/static/js/383.1b04bac1.chunk.js",
-    "reports.js": "/static/js/reports.689f3940.chunk.js",
-    "narrow-components.js": "/static/js/narrow-components.55a3b7fd.chunk.js",
-    "wide-components.js": "/static/js/wide-components.e3cfa9ca.chunk.js",
-    "resize-observer-polyfill.js": "/static/js/resize-observer-polyfill.68c3249b.chunk.js",
-    "static/js/876.00fe0e63.chunk.js": "/static/js/876.00fe0e63.chunk.js",
-    "static/js/457.4c255aed.chunk.js": "/static/js/457.4c255aed.chunk.js",
-    "static/js/281.6bb03bd1.chunk.js": "/static/js/281.6bb03bd1.chunk.js",
+    "main.css": "/static/css/main.476f35a5.css",
+    "main.js": "/static/js/main.7e6eedd0.js",
+    "static/js/473.02c273e8.chunk.js": "/static/js/473.02c273e8.chunk.js",
+    "static/js/231.370f17f8.chunk.js": "/static/js/231.370f17f8.chunk.js",
+    "reports.js": "/static/js/reports.39b7254a.chunk.js",
+    "narrow-components.js": "/static/js/narrow-components.11cf3591.chunk.js",
+    "wide-components.js": "/static/js/wide-components.fd8595f4.chunk.js",
+    "resize-observer-polyfill.js": "/static/js/resize-observer-polyfill.98a18736.chunk.js",
+    "static/js/678.bf349f5d.chunk.js": "/static/js/678.bf349f5d.chunk.js",
+    "static/js/713.1731d555.chunk.js": "/static/js/713.1731d555.chunk.js",
+    "static/js/389.c8f94185.chunk.js": "/static/js/389.c8f94185.chunk.js",
     "static/media/Inter-italic.var.woff2?v=3.19": "/static/media/Inter-italic.var.30807be7abc48ba8c73c.woff2",
     "static/media/Inter-roman.var.woff2?v=3.19": "/static/media/Inter-roman.var.ba4caefcdf5b36b438db.woff2",
     "index.html": "/index.html",
-    "static/media/browser-server.js": "/static/media/browser-server.14ed34b8682d7b10163f.js",
-    "main.90cc2688.css.map": "/static/css/main.90cc2688.css.map",
-    "main.b9496410.js.map": "/static/js/main.b9496410.js.map",
-    "969.b56f4e53.chunk.js.map": "/static/js/969.b56f4e53.chunk.js.map",
-    "383.1b04bac1.chunk.js.map": "/static/js/383.1b04bac1.chunk.js.map",
-    "reports.689f3940.chunk.js.map": "/static/js/reports.689f3940.chunk.js.map",
-    "narrow-components.55a3b7fd.chunk.js.map": "/static/js/narrow-components.55a3b7fd.chunk.js.map",
-    "wide-components.e3cfa9ca.chunk.js.map": "/static/js/wide-components.e3cfa9ca.chunk.js.map",
-    "resize-observer-polyfill.68c3249b.chunk.js.map": "/static/js/resize-observer-polyfill.68c3249b.chunk.js.map",
-    "876.00fe0e63.chunk.js.map": "/static/js/876.00fe0e63.chunk.js.map",
-    "457.4c255aed.chunk.js.map": "/static/js/457.4c255aed.chunk.js.map",
-    "281.6bb03bd1.chunk.js.map": "/static/js/281.6bb03bd1.chunk.js.map"
+    "static/media/browser-server.js": "/static/media/browser-server.20abc230cfc504c53fa0.js",
+    "main.476f35a5.css.map": "/static/css/main.476f35a5.css.map",
+    "main.7e6eedd0.js.map": "/static/js/main.7e6eedd0.js.map",
+    "473.02c273e8.chunk.js.map": "/static/js/473.02c273e8.chunk.js.map",
+    "231.370f17f8.chunk.js.map": "/static/js/231.370f17f8.chunk.js.map",
+    "reports.39b7254a.chunk.js.map": "/static/js/reports.39b7254a.chunk.js.map",
+    "narrow-components.11cf3591.chunk.js.map": "/static/js/narrow-components.11cf3591.chunk.js.map",
+    "wide-components.fd8595f4.chunk.js.map": "/static/js/wide-components.fd8595f4.chunk.js.map",
+    "resize-observer-polyfill.98a18736.chunk.js.map": "/static/js/resize-observer-polyfill.98a18736.chunk.js.map",
+    "678.bf349f5d.chunk.js.map": "/static/js/678.bf349f5d.chunk.js.map",
+    "713.1731d555.chunk.js.map": "/static/js/713.1731d555.chunk.js.map",
+    "389.c8f94185.chunk.js.map": "/static/js/389.c8f94185.chunk.js.map"
   },
   "entrypoints": [
-    "static/css/main.90cc2688.css",
-    "static/js/main.b9496410.js"
+    "static/css/main.476f35a5.css",
+    "static/js/main.7e6eedd0.js"
   ]
 }

package/build/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><title>Actual</title><link rel="canonical" href="/"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><style>body,html{margin:0;padding:0;font-size:13px}body,button,html,input{font-family:'Inter var',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif}a{color:inherit;text-decoration-skip:ink}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:focus{outline-color:#2b8fed}input,textarea{font-size:1em;font-family:'Inter var',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif}#root,body,html{height:100%}body{overflow:hidden}.view{align-items:stretch;border-width:0;border-style:solid;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;position:relative;min-height:0;min-width:0}.js-focus-visible :focus:not(.focus-visible){outline:0}</style><script defer="defer" src="/static/js/main.b9496410.js"></script><link href="/static/css/main.90cc2688.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><title>Actual</title><link rel="canonical" href="/"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><style>body,html{margin:0;padding:0;font-size:13px}body,button,html,input{font-family:'Inter var',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif}a{color:inherit;text-decoration-skip:ink}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:focus{outline-color:#2b8fed}input,textarea{font-size:1em;font-family:'Inter var',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif}#root,body,html{height:100%}body{overflow:hidden}.view{align-items:stretch;border-width:0;border-style:solid;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;position:relative;min-height:0;min-width:0}.js-focus-visible :focus:not(.focus-visible){outline:0}</style><script defer="defer" src="/static/js/main.7e6eedd0.js"></script><link href="/static/css/main.476f35a5.css" rel="stylesheet"></head><body><div id="root"></div></body></html>