diff --git a/e2e/features/classification/classification-test.spec.js b/e2e/features/classification/classification-test.spec.js
new file mode 100644
index 0000000000..6822634194
--- /dev/null
+++ b/e2e/features/classification/classification-test.spec.js
@@ -0,0 +1,50 @@
+// @ts-check
+const { test, expect } = require('@playwright/test')
+let page
+
+const floodOnlyGrayUrl = 'http://localhost:3000/?v=-141,-32,21,66&df=true&l=MODIS_Combined_Flood_2-Day(disabled=3-0)&lg=true&t=2023-12-07-T18%3A49%3A23Z'
+const floodGrayAndBlueUrl = 'http://localhost:3000/?v=-139,-44,23,54&df=true&l=MODIS_Combined_Flood_2-Day(disabled=3-1)&lg=true&t=2023-12-07-T18%3A49%3A23Z'
+const floodAllColorsUrl = 'http://localhost:3000/?v=40,22,53,33&df=true&l=MODIS_Combined_Flood_2-Day&lg=true&t=2023-01-07-T18%3A49%3A23Z'
+
+test.describe.configure({ mode: 'serial' })
+
+test.beforeEach(async ({ browser }) => {
+  page = await browser.newPage()
+})
+
+test.afterEach(async () => {
+  await page.close()
+})
+
+test('Flood 2 Day only Gray', async () => {
+  await page.goto(floodOnlyGrayUrl)
+  await page.waitForLoadState('load')
+  await page.waitForTimeout(5000)
+
+  await expect(page).toHaveScreenshot('only-gray.png', {
+    fullPage: true,
+    threshold: 0.2
+  })
+})
+
+test('Flood 2 Day Gray & Blue', async () => {
+  await page.goto(floodGrayAndBlueUrl)
+  await page.waitForLoadState('load')
+  await page.waitForTimeout(5000)
+
+  await expect(page).toHaveScreenshot('gray-and-blue.png', {
+    fullPage: true,
+    threshold: 0.2
+  })
+})
+
+test('Flood 2 Day All Colors', async () => {
+  await page.goto(floodAllColorsUrl)
+  await page.waitForLoadState('load')
+  await page.waitForTimeout(5000)
+
+  await expect(page).toHaveScreenshot('all-colors.png', {
+    fullPage: true,
+    threshold: 0.2
+  })
+})
diff --git a/e2e/features/classification/classification-test.spec.js-snapshots/all-colors-chromium-win32.png b/e2e/features/classification/classification-test.spec.js-snapshots/all-colors-chromium-win32.png
new file mode 100644
index 0000000000..ff8b66e7ea
Binary files /dev/null and b/e2e/features/classification/classification-test.spec.js-snapshots/all-colors-chromium-win32.png differ
diff --git a/e2e/features/classification/classification-test.spec.js-snapshots/all-colors-firefox-win32.png b/e2e/features/classification/classification-test.spec.js-snapshots/all-colors-firefox-win32.png
new file mode 100644
index 0000000000..dd6c4d3c5f
Binary files /dev/null and b/e2e/features/classification/classification-test.spec.js-snapshots/all-colors-firefox-win32.png differ
diff --git a/e2e/features/classification/classification-test.spec.js-snapshots/gray-and-blue-chromium-win32.png b/e2e/features/classification/classification-test.spec.js-snapshots/gray-and-blue-chromium-win32.png
new file mode 100644
index 0000000000..c2b8c6990f
Binary files /dev/null and b/e2e/features/classification/classification-test.spec.js-snapshots/gray-and-blue-chromium-win32.png differ
diff --git a/e2e/features/classification/classification-test.spec.js-snapshots/gray-and-blue-firefox-win32.png b/e2e/features/classification/classification-test.spec.js-snapshots/gray-and-blue-firefox-win32.png
new file mode 100644
index 0000000000..be341fc3ca
Binary files /dev/null and b/e2e/features/classification/classification-test.spec.js-snapshots/gray-and-blue-firefox-win32.png differ
diff --git a/e2e/features/classification/classification-test.spec.js-snapshots/only-gray-chromium-win32.png b/e2e/features/classification/classification-test.spec.js-snapshots/only-gray-chromium-win32.png
new file mode 100644
index 0000000000..da9d6d84a3
Binary files /dev/null and b/e2e/features/classification/classification-test.spec.js-snapshots/only-gray-chromium-win32.png differ
diff --git a/e2e/features/classification/classification-test.spec.js-snapshots/only-gray-firefox-win32.png b/e2e/features/classification/classification-test.spec.js-snapshots/only-gray-firefox-win32.png
new file mode 100644
index 0000000000..5dae52fd44
Binary files /dev/null and b/e2e/features/classification/classification-test.spec.js-snapshots/only-gray-firefox-win32.png differ