Merge branch 'dashboard-filters' into filter_query

.github/workflows/playwright.yml

@@ -0,0 +1,32 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm install -g pnpm && pnpm install
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+      - name: Start the development server
+        run: pnpm run dev &
+        env:
+          PORT: 3001
+          VITE_PARSEABLE_URL: 'https://demo.parseable.com'
+      - name: Run Playwright tests
+        run: pnpm exec playwright test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 1

.github/workflows/prettier.yaml

@@ -1,7 +1,6 @@
 name: Continuous Integration
 
-on:
-  pull_request
+on: pull_request
 
 jobs:
   prettier:
@@ -10,9 +9,5 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-        with:
-          ref: ${{ github.head_ref }}
       - name: Prettify code
         uses: creyD/[email protected]
-        with:
-          prettier_options: --write **/*.{ts,tsx,js,json}

.gitignore

@@ -52,3 +52,7 @@ build.zip
 
 
 .vercel
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

package.json

@@ -1,86 +1,87 @@
 {
-	"name": "parseable-console",
-	"version": "0.1.0",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"dev": "vite --host --port 3001",
-		"build": "tsc && vite build",
-		"build:test": "tsc && vite build --mode test",
-		"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-		"start": "vite preview --host --port 3002",
-		"tsCheck": "tsc --noEmit",
-		"pq": "pretty-quick"
-	},
-	"dependencies": {
-		"@apache-arrow/ts": "^14.0.2",
-		"@emotion/react": "^11.11.1",
-		"@mantine/carousel": "^7.8.1",
-		"@mantine/charts": "^7.8.1",
-		"@mantine/code-highlight": "^7.8.1",
-		"@mantine/core": "^7.8.1",
-		"@mantine/dates": "^7.8.1",
-		"@mantine/form": "^7.8.1",
-		"@mantine/hooks": "^7.8.1",
-		"@mantine/notifications": "^7.8.1",
-		"@monaco-editor/react": "^4.5.1",
-		"@tabler/icons-react": "^3.3.0",
-		"@types/js-cookie": "^3.0.3",
-		"axios": "^1.4.0",
-		"dayjs": "^1.11.10",
-		"embla-carousel-react": "7.1.0",
-		"html2canvas": "^1.4.1",
-		"http-status-codes": "^2.2.0",
-		"immer": "^10.0.2",
-		"jq-web": "^0.5.1",
-		"js-cookie": "^3.0.5",
-		"just-compare": "^2.3.0",
-		"lodash": "^4.17.21",
-		"long": "^5.2.3",
-		"mantine-react-table": "2.0.0-beta.6",
-		"moment-timezone": "^0.5.45",
-		"ms": "^2.1.3",
-		"nice-grpc-common": "^2.0.2",
-		"nice-grpc-web": "^3.3.2",
-		"protobufjs": "^7.2.5",
-		"react": "^18.2.0",
-		"react-beautiful-dnd": "^13.1.1",
-		"react-dom": "^18.2.0",
-		"react-error-boundary": "^4.0.10",
-		"react-grid-layout": "^1.4.4",
-		"react-query": "^3.39.3",
-		"react-querybuilder": "^6.5.5",
-		"react-resizable": "^3.0.5",
-		"react-resizable-panels": "^0.0.53",
-		"react-router-dom": "^6.14.0",
-		"react-window": "^1.8.9"
-	},
-	"devDependencies": {
-		"@types/lodash": "^4.17.0",
-		"@types/ms": "^0.7.31",
-		"@types/node": "^20.3.2",
-		"@types/react": "^18.2.14",
-		"@types/react-beautiful-dnd": "^13.1.4",
-		"@types/react-dom": "^18.2.6",
-		"@types/react-grid-layout": "^1.3.5",
-		"@types/react-resizable": "^3.0.8",
-		"@types/react-window": "^1.8.5",
-		"@typescript-eslint/eslint-plugin": "^5.60.1",
-		"@typescript-eslint/parser": "^5.60.1",
-		"@vitejs/plugin-react-swc": "^3.3.2",
-		"eslint": "^8.43.0",
-		"eslint-config-prettier": "^8.8.0",
-		"eslint-plugin-import": "^2.27.5",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.32.2",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"eslint-plugin-react-refresh": "^0.4.1",
-		"postcss": "^8.4.33",
-		"postcss-preset-mantine": "^1.13.0",
-		"postcss-simple-vars": "^7.0.1",
-		"prettier": "^2.8.8",
-		"pretty-quick": "^3.1.3",
-		"typescript": "^5.1.6",
-		"vite": "^4.3.9"
-	}
+  "name": "parseable-console",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host --port 3001",
+    "build": "tsc && vite build",
+    "build:test": "tsc && vite build --mode test",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "start": "vite preview --host --port 3002",
+    "tsCheck": "tsc --noEmit",
+    "pq": "pretty-quick"
+  },
+  "dependencies": {
+    "@apache-arrow/ts": "^14.0.2",
+    "@emotion/react": "^11.11.1",
+    "@mantine/carousel": "^7.8.1",
+    "@mantine/charts": "^7.8.1",
+    "@mantine/code-highlight": "^7.8.1",
+    "@mantine/core": "^7.8.1",
+    "@mantine/dates": "^7.8.1",
+    "@mantine/form": "^7.8.1",
+    "@mantine/hooks": "^7.8.1",
+    "@mantine/notifications": "^7.8.1",
+    "@monaco-editor/react": "^4.5.1",
+    "@tabler/icons-react": "^3.3.0",
+    "@types/js-cookie": "^3.0.3",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.10",
+    "embla-carousel-react": "7.1.0",
+    "html2canvas": "^1.4.1",
+    "http-status-codes": "^2.2.0",
+    "immer": "^10.0.2",
+    "jq-web": "^0.5.1",
+    "js-cookie": "^3.0.5",
+    "just-compare": "^2.3.0",
+    "lodash": "^4.17.21",
+    "long": "^5.2.3",
+    "mantine-react-table": "2.0.0-beta.6",
+    "moment-timezone": "^0.5.45",
+    "ms": "^2.1.3",
+    "nice-grpc-common": "^2.0.2",
+    "nice-grpc-web": "^3.3.2",
+    "protobufjs": "^7.2.5",
+    "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-dom": "^18.2.0",
+    "react-error-boundary": "^4.0.10",
+    "react-grid-layout": "^1.4.4",
+    "react-query": "^3.39.3",
+    "react-querybuilder": "^6.5.5",
+    "react-resizable": "^3.0.5",
+    "react-resizable-panels": "^0.0.53",
+    "react-router-dom": "^6.14.0",
+    "react-window": "^1.8.9"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.48.2",
+    "@types/lodash": "^4.17.0",
+    "@types/ms": "^0.7.31",
+    "@types/node": "^20.3.2",
+    "@types/react": "^18.2.14",
+    "@types/react-beautiful-dnd": "^13.1.4",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-grid-layout": "^1.3.5",
+    "@types/react-resizable": "^3.0.8",
+    "@types/react-window": "^1.8.5",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "eslint": "^8.43.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.1",
+    "postcss": "^8.4.33",
+    "postcss-preset-mantine": "^1.13.0",
+    "postcss-simple-vars": "^7.0.1",
+    "prettier": "^2.8.8",
+    "pretty-quick": "^3.1.3",
+    "typescript": "^5.1.6",
+    "vite": "^4.3.9"
+  }
 }

playwright.config.ts

@@ -0,0 +1,48 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+	testDir: './tests',
+	/* Run tests in files in parallel */
+	fullyParallel: true,
+	/* Fail the build on CI if you accidentally left test.only in the source code. */
+	forbidOnly: !!process.env.CI,
+	/* Retry on CI only */
+	retries: process.env.CI ? 2 : 0,
+	/* Opt out of parallel tests on CI. */
+	workers: process.env.CI ? 1 : undefined,
+	/* Reporter to use. See https://playwright.dev/docs/test-reporters */
+	reporter: 'html',
+	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+	use: {
+		/* Base URL to use in actions like `await page.goto('/')`. */
+		// baseURL: 'http://127.0.0.1:3000',
+
+		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+		trace: 'on-first-retry',
+	},
+
+	/* Configure projects for major browsers */
+	projects: [
+		{
+			name: 'chromium',
+			use: { ...devices['Desktop Chrome'] },
+		},
+
+		{
+			name: 'firefox',
+			use: { ...devices['Desktop Firefox'] },
+		},
+
+		{
+			name: 'webkit',
+			use: { ...devices['Desktop Safari'] },
+		},
+	],
+
+	/* Run your local dev server before starting the tests */
+	// webServer: {
+	//   command: 'npm run start',
+	//   url: 'http://127.0.0.1:3000',
+	//   reuseExistingServer: !process.env.CI,
+	// },
+});