mirror of
https://github.com/Hopiu/bowser.git
synced 2026-03-17 03:20:24 +00:00
3838aa17af
- Introduced a new feature to visualize the Document Object Model (DOM) tree of the loaded web page. - Implemented keyboard shortcut (Ctrl+Shift+D) for generating and displaying the DOM graph. - Added core implementation files: - src/debug/dom_graph.py: Handles generation and rendering of graphs in DOT and SVG formats. - Created templates and documentation for the new feature, including: - docs/DOM_VISUALIZATION.md: Overview and usage instructions. - docs/DOM_GRAPH_UX.md: User experience design documentation. - Allowed the visualization to open in a new browser tab instead of an external viewer. - Enhanced visual representation through color coding of different HTML elements. - Implemented comprehensive tests for graph generation and page rendering. - Updated README.md to include usage instructions for DOM visualization. - Included test_holder.html as an example test page. - Modified various components in the browser to integrate tab management and enhance the graphical rendering experience.
67 lines
2.3 KiB
Python
67 lines
2.3 KiB
Python
"""Tests for DOM graph page rendering."""
|
|
|
|
import pytest
|
|
from src.templates import render_dom_graph_page
|
|
from pathlib import Path
|
|
import tempfile
|
|
import os
|
|
|
|
|
|
class TestDOMGraphPage:
|
|
def test_render_dom_graph_page_svg(self):
|
|
"""Test rendering page with SVG graph."""
|
|
# Create temporary SVG file
|
|
with tempfile.NamedTemporaryFile(mode='w', suffix='.svg', delete=False) as f:
|
|
f.write('<svg><circle cx="50" cy="50" r="40"/></svg>')
|
|
temp_path = f.name
|
|
|
|
try:
|
|
html = render_dom_graph_page(temp_path)
|
|
|
|
assert html
|
|
assert "DOM" in html
|
|
assert "Visualization" in html or "Graph" in html
|
|
assert '<svg>' in html
|
|
assert 'circle' in html
|
|
assert temp_path in html # Should show file path
|
|
finally:
|
|
os.unlink(temp_path)
|
|
|
|
def test_render_dom_graph_page_dot(self):
|
|
"""Test rendering page with DOT graph."""
|
|
# Create temporary DOT file
|
|
with tempfile.NamedTemporaryFile(mode='w', suffix='.dot', delete=False) as f:
|
|
f.write('digraph G { A -> B; }')
|
|
temp_path = f.name
|
|
|
|
try:
|
|
html = render_dom_graph_page(temp_path)
|
|
|
|
assert html
|
|
assert "digraph G" in html
|
|
# HTML escapes -> as >
|
|
assert ("A -> B" in html or "A -> B" in html)
|
|
assert "Graphviz" in html # Should suggest installing graphviz
|
|
finally:
|
|
os.unlink(temp_path)
|
|
|
|
def test_render_dom_graph_page_missing_file(self):
|
|
"""Test error handling for missing file."""
|
|
html = render_dom_graph_page("/nonexistent/path/to/graph.svg")
|
|
|
|
assert html
|
|
assert "error" in html.lower() or "not found" in html.lower()
|
|
|
|
def test_render_dom_graph_page_has_legend(self):
|
|
"""Test that SVG page includes color legend."""
|
|
with tempfile.NamedTemporaryFile(mode='w', suffix='.svg', delete=False) as f:
|
|
f.write('<svg><rect/></svg>')
|
|
temp_path = f.name
|
|
|
|
try:
|
|
html = render_dom_graph_page(temp_path)
|
|
|
|
# Should have legend explaining colors
|
|
assert 'legend' in html.lower() or 'color' in html.lower()
|
|
finally:
|
|
os.unlink(temp_path)
|