verify start/stop immediate updates on browse game details

andrew-codes · Dec 11, 2024 · 661482b · 661482b
1 parent c530cb9
commit 661482b
Show file tree

Hide file tree

Showing 41 changed files with 338 additions and 214 deletions.
diff --git a/apps/playnite-web/.nycrc b/apps/playnite-web/.nycrc
@@ -3,10 +3,11 @@
   "all": true,
   "include": ["src/**", "app.ts", "server.ts"],
   "exclude": [
-    "cypress",
-    "**/testUtils",
-    "**/__tests__",
-    "**/__component_tests__",
-    "../../.yarn/**"
+    "cypress/**",
+    "**/testUtils/**",
+    "**/__tests__/**",
+    "**/__component_tests__/**",
+    "../../.yarn/**",
+    "**/public/**"
   ]
 }
diff --git a/apps/playnite-web/cypress-image-diff.config.cjs b/apps/playnite-web/cypress-image-diff.config.cjs
@@ -1,6 +1,7 @@
 const config = {
   FAILURE_THRESHOLD: process.env.TEST === 'e2e' ? 0.12 : 0.09,
-  FAIL_ON_MISSING_BASELINE: process.env.CI === 'true',
+  FAIL_ON_MISSING_BASELINE:
+    process.env.CI === 'true' && process.env.UPDATE !== 'true',
   ROOT_DIR: 'visual-regression-tests',
   REPORT_DIR: process.env.TEST ? `${process.env.TEST}-report` : 'report',
   JSON_REPORT: {

diff --git a/apps/playnite-web/cypress.config.mjs b/apps/playnite-web/cypress.config.mjs
@@ -3,6 +3,7 @@ import mqtt from 'async-mqtt'
 import { defineConfig } from 'cypress'
 import imageDiff from 'cypress-image-diff-js/plugin'
 import fs from 'fs'
+import { MongoClient } from 'mongodb'
 
 const config = {
   chromeWebSecurity: false,
@@ -16,6 +17,7 @@ const config = {
           '**/cypress/**',
           '**/__tests__/**',
           '**/__component_tests__/**',
+          '**/public/assets/**',
         ],
         url: 'http://localhost:3000/__coverage__',
       },
@@ -83,6 +85,29 @@ const config = {
         },
       })
 
+      const url = `mongodb://${process.env.DB_HOST ?? 'localhost'}:${process.env.DB_PORT ?? '27017'}`
+      const username = process.env.DB_USERNAME ?? 'local'
+      const password = process.env.DB_PASSWORD ?? 'dev'
+      const client = new MongoClient(url, {
+        auth: {
+          username,
+          password,
+        },
+        enableUtf8Validation: false,
+      })
+      on('task', {
+        async updateDatabase({ collection, filter, update }) {
+          try {
+            await client.connect()
+            const db = client.db('games')
+            const dbCollection = db.collection(collection)
+            return dbCollection.updateMany(filter, update)
+          } catch {
+            await client.close()
+          }
+        },
+      })
+
       codeCoverage(on, config)
 
       return imageDiff(on, config)

diff --git a/apps/playnite-web/cypress/e2e/filtering/browse.cy.ts b/apps/playnite-web/cypress/e2e/filtering/browse.cy.ts
@@ -290,7 +290,10 @@ describe('Filtering.', () => {
             name: `filter-panel-open_${breakpointName}`,
             cypressScreenshotOptions: {
               onBeforeScreenshot($el) {
-                Cypress.$('[data-test="GameFigure').css('color', 'transparent')
+                Cypress.$('[data-test="GameFigure"]').css(
+                  'color',
+                  'transparent',
+                )
               },
             },
           })
@@ -322,7 +325,10 @@ describe('Filtering.', () => {
             name: `platform-filter_lookup_${breakpointName}`,
             cypressScreenshotOptions: {
               onBeforeScreenshot($el) {
-                Cypress.$('[data-test="GameFigure').css('color', 'transparent')
+                Cypress.$('[data-test="GameFigure"]').css(
+                  'color',
+                  'transparent',
+                )
               },
             },
           })
@@ -364,7 +370,10 @@ describe('Filtering.', () => {
             name: `filter-by-platform-selection_${breakpointName}`,
             cypressScreenshotOptions: {
               onBeforeScreenshot($el) {
-                Cypress.$('[data-test="GameFigure').css('color', 'transparent')
+                Cypress.$('[data-test="GameFigure"]').css(
+                  'color',
+                  'transparent',
+                )
               },
             },
           })

diff --git a/apps/playnite-web/cypress/e2e/game-details.cy.ts b/apps/playnite-web/cypress/e2e/game-details.cy.ts
@@ -32,7 +32,7 @@ describe('Game details.', () => {
               name: `game-details-${locationName}-${breakpointName}`,
               cypressScreenshotOptions: {
                 onBeforeScreenshot($el) {
-                  Cypress.$('[data-test="GameFigure').css(
+                  Cypress.$('[data-test="GameFigure"]').css(
                     'color',
                     'transparent',
                   )