@specwright/plugin 0.1.2 → 0.1.4

package/e2e-tests/utils/stepHelpers.js

@@ -11,9 +11,12 @@
  */
 
 import { expect } from '@playwright/test';
-import _ from 'lodash';
 import { generateValueForField } from './testDataGenerator.js';
 
+// Simple replacements for lodash — avoids a dependency for 2 functions
+const snakeCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1_$2').replace(/[\s\-]+/g, '_').toLowerCase();
+const kebabCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/[\s_]+/g, '-').toLowerCase();
+
 // ─────────────────────────────────────────────────────────────
 // FIELD_TYPES — declarative type constants
 // ─────────────────────────────────────────────────────────────
@@ -76,7 +79,7 @@ export async function processDataTable(page, dataTable, config = {}) {
       }
       // Cache SharedGenerated values for later <from_test_data> reads
       if (valueType === 'sharedgenerated') {
-        const cacheKey = mapping[fieldName] || _.snakeCase(fieldName);
+        const cacheKey = mapping[fieldName] || snakeCase(fieldName);
         if (!page.testData) page.testData = {};
         page.testData[cacheKey] = value;
         // Also write to featureDataCache for cross-scenario persistence
@@ -90,7 +93,7 @@ export async function processDataTable(page, dataTable, config = {}) {
       }
     } else if (value === '<from_test_data>') {
       // Read: look up from page.testData or featureDataCache
-      const cacheKey = mapping[fieldName] || _.snakeCase(fieldName);
+      const cacheKey = mapping[fieldName] || snakeCase(fieldName);
       if (page.testData?.[cacheKey] !== undefined) {
         value = page.testData[cacheKey];
         console.log(`📖 Read "${fieldName}" → ${cacheKey}: ${value}`);
@@ -146,7 +149,7 @@ export async function validateExpectations(page, dataTable, config = {}) {
 
     // ── Resolve <from_test_data> placeholder ──
     if (expectedValue === '<from_test_data>') {
-      const cacheKey = mapping[fieldName] || _.snakeCase(fieldName);
+      const cacheKey = mapping[fieldName] || snakeCase(fieldName);
       if (page.testData?.[cacheKey] !== undefined) {
         expectedValue = page.testData[cacheKey];
         console.log(`✅ Validate "${fieldName}" → ${cacheKey}: ${expectedValue}`);
@@ -184,7 +187,7 @@ export async function validateExpectations(page, dataTable, config = {}) {
  * Tries: testID → name → placeholder → label → CSS fallback
  */
 export async function fillFieldByName(container, fieldName, value) {
-  const fieldKebab = _.kebabCase(fieldName);
+  const fieldKebab = kebabCase(fieldName);
 
   const strategies = [
     () => container.getByTestId(fieldKebab),
@@ -221,7 +224,7 @@ export async function fillFieldByName(container, fieldName, value) {
  * Opens the dropdown, finds the option by text, clicks it.
  */
 export async function selectDropDownByTestId(page, fieldName, value, autoKebab = true) {
-  const testId = autoKebab ? _.kebabCase(fieldName) : fieldName;
+  const testId = autoKebab ? kebabCase(fieldName) : fieldName;
 
   const dropdownContainer = page.getByTestId(testId);
   await dropdownContainer.waitFor({ state: 'visible', timeout: 5000 });

package/install.sh

@@ -112,6 +112,61 @@ echo "📦 Step 5: Installing documentation..."
 cp "$PLUGIN_DIR/README-TESTING.md" "$TARGET_DIR/"
 echo "  ✅ README-TESTING.md installed"
 
+# ── Step 6: Merge dependencies + scripts into package.json ──
+echo "📦 Step 6: Merging dependencies and scripts into package.json..."
+if [ -f "$TARGET_DIR/package.json" ]; then
+  node -e "
+    const fs = require('fs');
+    const path = require('path');
+
+    const targetPkgPath = path.join('$TARGET_DIR', 'package.json');
+    const snippetPath = path.join('$PLUGIN_DIR', 'package.json.snippet');
+
+    const pkg = JSON.parse(fs.readFileSync(targetPkgPath, 'utf-8'));
+    const snippet = JSON.parse(fs.readFileSync(snippetPath, 'utf-8'));
+
+    // Merge devDependencies
+    if (snippet.devDependencies) {
+      pkg.devDependencies = { ...(pkg.devDependencies || {}), ...snippet.devDependencies };
+    }
+
+    // Merge scripts (don't overwrite existing)
+    if (snippet.scripts) {
+      pkg.scripts = pkg.scripts || {};
+      for (const [key, val] of Object.entries(snippet.scripts)) {
+        if (!pkg.scripts[key]) {
+          pkg.scripts[key] = val;
+        }
+      }
+    }
+
+    fs.writeFileSync(targetPkgPath, JSON.stringify(pkg, null, 2) + '\n');
+    console.log('  ✅ package.json updated (devDependencies + scripts merged)');
+  "
+else
+  echo "  ⚠️  No package.json found in target — skipping dependency merge"
+  echo "     Manually merge contents of package.json.snippet into your package.json"
+fi
+
+# ── Step 7: Append .gitignore entries ──
+echo "📦 Step 7: Updating .gitignore..."
+if [ -f "$TARGET_DIR/.gitignore" ]; then
+  # Only append lines that don't already exist
+  while IFS= read -r line; do
+    [ -z "$line" ] && continue
+    [[ "$line" == \#* ]] && continue
+    grep -qF "$line" "$TARGET_DIR/.gitignore" 2>/dev/null || echo "$line" >> "$TARGET_DIR/.gitignore"
+  done < "$PLUGIN_DIR/.gitignore.snippet"
+  echo "  ✅ .gitignore updated"
+else
+  cp "$PLUGIN_DIR/.gitignore.snippet" "$TARGET_DIR/.gitignore"
+  echo "  ✅ .gitignore created"
+fi
+
+# ── Step 8: Create migrations/files directory ──
+mkdir -p "$TARGET_DIR/e2e-tests/data/migrations/files"
+touch "$TARGET_DIR/e2e-tests/data/migrations/files/.gitkeep"
+
 # ── Done ──
 echo ""
 echo "╔══════════════════════════════════════════════╗"
@@ -120,29 +175,24 @@ echo "╚═══════════════════════
 echo ""
 echo "📋 Next steps:"
 echo ""
-echo "  1. Merge devDependencies + scripts from e2e-plugin/package.json.snippet"
-echo "     into your package.json, then run: pnpm install"
-echo ""
-echo "  2. Install Playwright browsers: pnpx playwright install"
+echo "  1. Install dependencies: pnpm install"
 echo ""
-echo "  3. Append lines from e2e-plugin/.gitignore.snippet"
-echo "     to your .gitignore"
+echo "  2. Install Playwright browsers: npx playwright install"
 echo ""
-echo "  4. Update e2e-tests/data/authenticationData.js"
+echo "  3. Update e2e-tests/data/authenticationData.js"
 echo "     → Set your app's login form testIDs"
 echo ""
-echo "  5. Update e2e-tests/data/testConfig.js"
+echo "  4. Update e2e-tests/data/testConfig.js"
 echo "     → Set your app's routes"
 echo ""
-echo "  6. Set credentials in .env:"
+echo "  5. Set credentials in .env:"
 echo "     TEST_USER_EMAIL=your-email@example.com"
 echo "     TEST_USER_PASSWORD=your-password"
 echo "     BASE_URL=http://localhost:5173"
 echo ""
-echo "  7. Start dev server and run tests:"
+echo "  6. Start dev server and run tests:"
 echo "     pnpm test:bdd:auth    # Run authentication tests"
 echo "     pnpm test:bdd         # Run all tests (except auth)"
-echo "     pnpm test:bdd:all     # Run everything including auth"
 echo ""
-echo "  8. Generate more tests: /e2e-automate (Claude Code CLI)"
+echo "  7. Generate more tests: /e2e-automate (Claude Code CLI)"
 echo ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@specwright/plugin",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Drop-in E2E test automation framework plugin — Playwright BDD + Claude Code agents",
   "license": "MIT",
   "bin": {

package/package.json.snippet

@@ -21,7 +21,6 @@
     "@faker-js/faker": "^10.3.0",
     "@playwright/test": "^1.54.1",
     "dotenv": "^17.2.0",
-    "lodash": "^4.17.23",
     "playwright-bdd": "^8.5.0"
   }
 }