105 lines
3.0 KiB
Bash
105 lines
3.0 KiB
Bash
|
#!/bin/bash
|
||
|
|
# Manual Test Script for Anchor Visibility
|
||
|
|
# Run this script and follow the on-screen instructions
|
||
|
|
|
||
|
|
set -e
|
||
|
|
|
||
|
|
echo "======================================"
|
||
|
|
echo "Anchor Visibility Manual Test"
|
||
|
|
echo "======================================"
|
||
|
|
echo ""
|
||
|
|
|
||
|
|
# Check if server is running
|
||
|
|
if ! curl -s http://localhost:8081 > /dev/null; then
|
||
|
|
echo "❌ ERROR: Site builder not running on http://localhost:8081"
|
||
|
|
echo "Start it with: cd /home/jknapp/code/site-builder && docker compose up -d"
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
echo "✅ Server is running on http://localhost:8081"
|
||
|
|
echo ""
|
||
|
|
echo "STEP 1: Test Editor Visibility"
|
||
|
|
echo "------------------------------"
|
||
|
|
echo "1. Open http://localhost:8081 in your browser"
|
||
|
|
echo "2. Find 'Anchor Point' block in the left panel"
|
||
|
|
echo "3. Click it to add to the canvas"
|
||
|
|
echo "4. You should see a box with:"
|
||
|
|
echo " - Dashed gray border"
|
||
|
|
echo " - Light blue background"
|
||
|
|
echo " - ⚓ anchor icon"
|
||
|
|
echo " - Editable text field: 'anchor-1'"
|
||
|
|
echo ""
|
||
|
|
echo "5. Click on the text field and change the name"
|
||
|
|
echo "6. Verify the anchor's ID updates automatically"
|
||
|
|
echo ""
|
||
|
|
read -p "Press Enter when you've verified editor visibility..."
|
||
|
|
|
||
|
|
echo ""
|
||
|
|
echo "STEP 2: Test Preview Mode"
|
||
|
|
echo "------------------------"
|
||
|
|
echo "1. Click the 'Preview' button in the top toolbar"
|
||
|
|
echo "2. A new window/tab should open"
|
||
|
|
echo "3. The anchor point should be INVISIBLE"
|
||
|
|
echo "4. (Optional) Open DevTools and verify:"
|
||
|
|
echo " - Element exists in DOM: <div data-anchor=\"true\" class=\"editor-anchor\">"
|
||
|
|
echo " - But has style: display: none"
|
||
|
|
echo ""
|
||
|
|
read -p "Press Enter when you've verified preview mode..."
|
||
|
|
|
||
|
|
echo ""
|
||
|
|
echo "STEP 3: Test Export"
|
||
|
|
echo "------------------"
|
||
|
|
echo "We'll export to ZIP and check the HTML"
|
||
|
|
echo ""
|
||
|
|
|
||
|
|
# Create temp directory
|
||
|
|
TEMP_DIR=$(mktemp -d)
|
||
|
|
echo "Using temp directory: $TEMP_DIR"
|
||
|
|
|
||
|
|
echo "1. Click 'Export' button in the editor"
|
||
|
|
echo "2. Click 'Export ZIP'"
|
||
|
|
echo "3. Save the file to: $TEMP_DIR/site.zip"
|
||
|
|
echo ""
|
||
|
|
read -p "Press Enter when you've saved the ZIP file..."
|
||
|
|
|
||
|
|
if [ ! -f "$TEMP_DIR/site.zip" ]; then
|
||
|
|
echo "⚠️ ZIP file not found at $TEMP_DIR/site.zip"
|
||
|
|
echo "Skipping export verification..."
|
||
|
|
else
|
||
|
|
echo "✅ ZIP file found"
|
||
|
|
|
||
|
|
# Extract and check
|
||
|
|
cd "$TEMP_DIR"
|
||
|
|
unzip -q site.zip
|
||
|
|
|
||
|
|
echo ""
|
||
|
|
echo "Checking index.html for anchor elements..."
|
||
|
|
|
||
|
|
if grep -q "data-anchor=\"true\"" index.html; then
|
||
|
|
echo "❌ FAIL: Found data-anchor=\"true\" in exported HTML"
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
if grep -q "editor-anchor" index.html; then
|
||
|
|
echo "❌ FAIL: Found 'editor-anchor' in exported HTML"
|
||
|
|
exit 1
|
||
|
|
fi
|
||
|
|
|
||
|
|
echo "✅ PASS: No anchor elements found in exported HTML"
|
||
|
|
|
||
|
|
# Cleanup
|
||
|
|
cd -
|
||
|
|
rm -rf "$TEMP_DIR"
|
||
|
|
fi
|
||
|
|
|
||
|
|
echo ""
|
||
|
|
echo "======================================"
|
||
|
|
echo "✅ All manual tests passed!"
|
||
|
|
echo "======================================"
|
||
|
|
echo ""
|
||
|
|
echo "Summary:"
|
||
|
|
echo " • Anchors visible in editor (with ⚓ icon)"
|
||
|
|
echo " • Anchors hidden in preview mode"
|
||
|
|
echo " • Anchors completely removed from export"
|
||
|
|
echo ""
|