chore: add devcontainer (#12)

* chore: add devcontainer

* chore: add dockerfile

* test: ignore electron in cypress

* test: fix broken test for report selector

* build: downgrade cypress to 13.8.1

.devcontainer/.dockerignore

@@ -0,0 +1,44 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# Compiled output
+../dist
+../tmp
+../out-tsc
+../bazel-out
+
+# Node
+../node_modules
+../npm-debug.log
+../yarn-error.log
+
+# IDEs and editors
+../.env
+../.idea/
+../.project
+../.classpath
+../.c9/
+../*.launch
+../.settings/
+../*.sublime-workspace
+
+# Visual Studio Code
+../.vscode/*
+../!.vscode/settings.json
+../!.vscode/tasks.json
+../!.vscode/launch.json
+../!.vscode/extensions.json
+../.history/*
+
+# Miscellaneous
+../.angular/cache
+../.sass-cache/
+../connect.lock
+../coverage
+../libpeerconnection.log
+../testem.log
+../typings
+../cypress/downloads
+
+# System files
+../.DS_Store
+../Thumbs.db

.devcontainer/Dockerfile

@@ -0,0 +1,7 @@
+FROM mcr.microsoft.com/devcontainers/typescript-node:1-20-bullseye
+
+# Download and install Chrome
+RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - \
+    && echo "deb http://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google.list \
+    && apt-get update \
+    && apt-get install -y google-chrome-stable xvfb

.devcontainer/devcontainer.json

@@ -0,0 +1,50 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
+{
+  "name": "Custom Reports for YNAB",
+
+  // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+  "build": {
+    "dockerfile": "Dockerfile"
+  },
+  // Load environment variables
+  "runArgs": ["--env-file=${localWorkspaceFolder}/.env"],
+
+  // Features to add to the dev container. More info: https://containers.dev/features.
+  "features": {
+    "ghcr.io/devcontainers-contrib/features/angular-cli:2": {},
+    "ghcr.io/schlich/devcontainer-features/cypress:1": {}
+  },
+
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [4200],
+
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "npm install",
+
+  // TODO: Figure out a better way to handle this
+  // Reinstall Cypress
+  // https://github.com/cypress-io/cypress/issues/2610
+  "postStartCommand": "./node_modules/.bin/cypress install",
+
+  // Configure tool-specific properties.
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "esbenp.prettier-vscode",
+        "streetsidesoftware.code-spell-checker",
+        "editorconfig.editorconfig",
+        "rvest.vs-code-prettier-eslint",
+        "ms-vscode.vscode-typescript-next",
+        "angular.ng-template"
+      ],
+      "settings": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.formatOnSave": true
+      }
+    }
+  }
+
+  // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+  // "remoteUser": "root"
+}

cypress.config.ts

@@ -2,7 +2,12 @@ import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
-    // TODO: Set values based on environment
     baseUrl: 'http://localhost:4200/',
+    setupNodeEvents(_on, config) {
+      return {
+        ...config,
+        browsers: config.browsers.filter((b) => b.family === 'chromium' && b.name !== 'electron'),
+      };
+    },
   },
 });

package.json

@@ -71,7 +71,7 @@
     "@typescript-eslint/parser": "^7.2.0",
     "autoprefixer": "^10.4.19",
     "conventional-changelog-cli": "^4.1.0",
-    "cypress": "latest",
+    "cypress": "^13.8.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-json": "^3.1.0",

src/app/state/selectors/report.selectors.spec.ts

@@ -118,7 +118,7 @@ describe('Report Selectors', () => {
 
       const expected = transactions.reduce((date, transaction) => {
         const transactionDate = new Date(transaction.date);
-        return transactionDate < date ? transactionDate : date;
+        return transactionDate <= date ? transactionDate : date;
       }, new Date());
 
       expect(result).toEqual(expected);