skopix 2.0.14 → 2.0.16

package/cli/commands/agent.js

@@ -250,9 +250,9 @@ export async function agentCommand(options) {
       const wantReport = test.generateReport !== false;
       const browserZoom = test.browserZoom || 1;
       const ctx = await browser.newContext({
-        viewport: { width: 1920, height: 1080 },
+        viewport: { width: 1280, height: 800 },
         deviceScaleFactor: 1,
-        ...(wantReport ? { recordVideo: { dir: sessionDir, size: { width: 1920, height: 1080 } } } : {}),
+        ...(wantReport ? { recordVideo: { dir: sessionDir, size: { width: 1280, height: 800 } } } : {}),
       });
       const page = await ctx.newPage();
       const applyZoom = async () => {

package/cli/commands/dashboard.js

@@ -3082,9 +3082,9 @@ function startReplay(test, setupTest, activeRuns, reportsDir, currentUser, env)
       const browserZoom = test.browserZoom || 1;
 
       const ctx = await chromiumBrowser.newContext({
-        viewport: { width: 1920, height: 1080 },
+        viewport: { width: 1280, height: 800 },
         deviceScaleFactor: 1,
-        ...(wantReport ? { recordVideo: { dir: sessionDir, size: { width: 1920, height: 1080 } } } : {}),
+        ...(wantReport ? { recordVideo: { dir: sessionDir, size: { width: 1280, height: 800 } } } : {}),
       });
       const page = await ctx.newPage();
       // Apply zoom after page loads, not via addInitScript (which affects setup steps too)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skopix",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "Browser-based QA tool — record tests by using your app, replay them deterministically, generate Playwright code automatically",
   "main": "cli/index.js",
   "bin": {

package/web/app/index.html

@@ -2240,9 +2240,9 @@ body.viewer-mode .saved-test-row { cursor: default !important; }
         <div style="display:flex;align-items:center;gap:8px">
           <label style="font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap">Browser zoom:</label>
           <select class="form-select" id="re-browser-zoom" style="padding:5px 8px;font-size:12px;width:90px">
-            <option value="1">100%</option>
+            <option value="1" selected>100%</option>
             <option value="0.9">90%</option>
-            <option value="0.8" selected>80%</option>
+            <option value="0.8">80%</option>
             <option value="0.75">75%</option>
             <option value="0.67">67%</option>
           </select>
@@ -5467,7 +5467,7 @@ async function confirmAddToSuite() {
 }
 
 // ── RECORDED TEST EDITOR ────────────────────────────────────────────────────
-let reEditorState = { scope: null, testId: null, steps: [], testName: '', url: '', reusable: false, setup: '', credentials: '', tags: [], generateReport: true, browserZoom: 0.8 };
+let reEditorState = { scope: null, testId: null, steps: [], testName: '', url: '', reusable: false, setup: '', credentials: '', tags: [], generateReport: true, browserZoom: 1 };
 let reAssertInsertAfter = -1;
 
 async function openRecordedTestEditor(scope, testId) {
@@ -5475,7 +5475,7 @@ async function openRecordedTestEditor(scope, testId) {
     const res = await fetch(API_BASE + '/api/test/' + encodeURIComponent(scope) + '/' + encodeURIComponent(testId));
     const test = await res.json();
     if (!res.ok) { showToast(test.error || 'Failed to load test'); return; }
-    reEditorState = { scope, testId, steps: JSON.parse(JSON.stringify(test.steps || [])), testName: test.name || '', url: test.url || '', reusable: !!test.reusable, setup: test.setup || '', credentials: test.credentials || '', tags: test.tags || [], generateReport: test.generateReport !== false, browserZoom: test.browserZoom || 0.8 };
+    reEditorState = { scope, testId, steps: JSON.parse(JSON.stringify(test.steps || [])), testName: test.name || '', url: test.url || '', reusable: !!test.reusable, setup: test.setup || '', credentials: test.credentials || '', tags: test.tags || [], generateReport: test.generateReport !== false, browserZoom: test.browserZoom || 1 };
     document.getElementById('re-name').value = reEditorState.testName;
     document.getElementById('re-url').value = reEditorState.url;
     document.getElementById('re-reusable').checked = reEditorState.reusable;
@@ -5737,7 +5737,7 @@ async function saveRecordedEdits() {
   const url = document.getElementById('re-url').value.trim();
   const reusable = document.getElementById('re-reusable').checked;
   const generateReport = document.getElementById('re-generate-report')?.checked !== false;
-  const browserZoom = parseFloat(document.getElementById('re-browser-zoom')?.value || '0.8');
+  const browserZoom = parseFloat(document.getElementById('re-browser-zoom')?.value || '1');
   const setup = document.getElementById('re-setup').value || null;
   const credentials = document.getElementById('re-credentials')?.value || '';
   const tags = (document.getElementById('re-tags')?.value || '').split(',').map(t => t.trim()).filter(Boolean);