Chore: Add UI test job to CI (#712)

* Add UI test job to CI

* Update preview script

* Add OpenAPI spec to source control

* Format openapi.json

* Increase playwright web server timeout to two minutes

* Download playwright browsers

* install Playwright dependencies

* disable vite proxy for testing

* increase timeout and move build as separate  step

* use  node:18 image

* use node 19

* move to node 18 and run build before preview

---------

Co-authored-by: Max Mykal <mykalmax@yahoo.com>

Author: vchan

.circleci/config.yml

@@ -40,31 +40,12 @@ jobs:
             CONTINUE_ON_ERROR="false" \
             npx https://github.com/TobikoData/circleci-gh-conventional-release
 
-  generate-openapi-spec:
-    docker:
-      - image: cimg/python:3.11
-    resource_class: small
-    steps:
-      - checkout
-      - run:
-          name: Install dependencies
-          command: make install-dev
-      - run:
-          name: Generate OpenAPI spec
-          command: python web/server/openapi.py
-      - persist_to_workspace:
-          root: web/client
-          paths:
-            - openapi.json
-
   ide-build:
     docker:
       - image: cimg/node:19.8
     resource_class: medium
     steps:
       - checkout
-      - attach_workspace:
-          at: web/client
       - run:
           name: Install packages
           command: npm --prefix web/client ci
@@ -90,14 +71,10 @@ workflows:
     jobs:
       - gh-release:
           <<: *on_tag_filter
-      - generate-openapi-spec:
-          <<: *on_tag_filter
-          requires:
-            - gh-release
       - ide-build:
           <<: *on_tag_filter
           requires:
-            - generate-openapi-spec
+            - gh-release
       - publish:
           <<: *on_tag_filter
           requires:

.circleci/continue_config.yml

@@ -22,7 +22,7 @@ commands:
             or:
               - << pipeline.parameters.common >>
               - << pipeline.parameters.python >>
-              - equal: [ main, << pipeline.git.branch >> ]
+              - equal: [main, << pipeline.git.branch >>]
           steps:
             - run: circleci-agent step halt
   halt_unless_client:
@@ -32,7 +32,7 @@ commands:
             or:
               - << pipeline.parameters.common >>
               - << pipeline.parameters.client >>
-              - equal: [ main, << pipeline.git.branch >> ]
+              - equal: [main, << pipeline.git.branch >>]
           steps:
             - run: circleci-agent step halt
 
@@ -76,7 +76,7 @@ jobs:
             python --version --version >> pre-commit-cache-key.txt
       - restore_cache:
           keys:
-          - v1-pc-cache-{{ checksum "pre-commit-cache-key.txt" }}
+            - v1-pc-cache-{{ checksum "pre-commit-cache-key.txt" }}
       - run:
           name: Install pre-commit
           command: pip install pre-commit
@@ -88,6 +88,29 @@ jobs:
           paths:
             - ~/.cache/pre-commit
 
+  ui_test:
+    docker:
+      - image: node:18
+    resource_class: medium
+    steps:
+      - checkout
+      - restore_cache:
+          keys:
+            - v1-nm-cache-{{ checksum "web/client/package-lock.json" }}
+      - run:
+          name: Install packages
+          command: npm --prefix web/client ci
+      - run:
+          name: Install Playwright Browsers
+          command: npm --prefix web/client run playwright:install
+      - save_cache:
+          key: v1-nm-cache-{{ checksum "web/client/package-lock.json" }}
+          paths:
+            - /root/.npm
+      - run:
+          name: Run tests
+          command: npm --prefix web/client run test
+
   core_integration_tests:
     docker:
       - image: cimg/python:3.7
@@ -131,7 +154,8 @@ workflows:
       - style_and_unit_tests:
           matrix:
             parameters:
-              python_version: ["3.7", "3.8", "3.9", "3.10", "3.11"]
+              python_version:
+                ["3.7", "3.8", "3.9", "3.10", "3.11"]
       - core_integration_tests
       - airflow_integration_tests:
           requires:
@@ -144,3 +168,4 @@ workflows:
   main_pr_web_client:
     jobs:
       - ui_style
+      - ui_test

.gitignore

@@ -153,6 +153,3 @@ web/client/dist
 
 # Version file
 sqlmesh/_version.py
-
-# Autogenerated OpenAPI spec
-openapi.json