feat: move image select into plan dialog with dynamic pricing

.gitignore

@@ -21,8 +21,13 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
+# Playwright
+test-results
+playwright-report
+
 # Editor directories and files
 .idea
+.codex
 *.suo
 *.ntvs*
 *.njsproj

package.json

@@ -10,7 +10,7 @@
     "start": "quasar serve dist/spa -p 8080",
     "dev": "quasar dev",
     "build": "quasar build",
-    "test": "echo \"No test specified\" && exit 0"
+    "test": "playwright test"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.7",
@@ -28,6 +28,7 @@
   },
   "devDependencies": {
     "@intlify/vite-plugin-vue-i18n": "^3.3.1",
+    "@playwright/test": "^1.59.1",
     "@quasar/app-vite": "^1.6.2",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.31",

playwright.config.js

@@ -0,0 +1,25 @@
+const {defineConfig, devices} = require('@playwright/test')
+
+module.exports = defineConfig({
+  testDir: './test',
+  timeout: 30000,
+  expect: {
+    timeout: 10000
+  },
+  use: {
+    baseURL: 'http://localhost:8080',
+    trace: 'on-first-retry'
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: {...devices['Desktop Chrome']}
+    }
+  ],
+  webServer: {
+    command: 'npx quasar dev -p 8080',
+    url: 'http://localhost:8080',
+    reuseExistingServer: true,
+    timeout: 120000
+  }
+})

src/boot/saas.js

@@ -113,13 +113,15 @@ var saas = {
     return data
   },
 
-  createInstance: async function (instanceType) {
+  createInstance: async function (instanceType, paymentPlan = {}) {
     return axios({
       method: 'POST',
       url: this.url('/instance'),
       withCredentials: true,
       data: {
-        instance_type: instanceType
+        instance_type: instanceType,
+        payment_plan_tier: paymentPlan.tier || undefined,
+        payment_plan_interval: paymentPlan.interval || undefined
       }
     })
   },
@@ -133,7 +135,13 @@ var saas = {
 
     return response
   },
-
+  getPricing: async function () {
+    return axios({
+      method: 'GET',
+      url: this.url('/pricing'),
+      withCredentials: true
+    })
+  },
   updateInstance: function (id, action) {
     return axios({
       method: 'PUT',