Skip to content

Conversation

@PeakMNA
Copy link
Owner

@PeakMNA PeakMNA commented Aug 17, 2025

Summary

  • Add data-testid attributes to the three main designer interface sections
  • Enable E2E tests to properly locate and interact with UI elements

Test plan

  • Component palette has data-testid="component-palette"
  • Design canvas has data-testid="design-canvas"
  • Properties panel has data-testid="properties-panel"
  • E2E tests can now locate these elements for testing

E2E Test Fixes

This PR addresses the following E2E test failures:

  • ❌ Report Designer Basic Tests: "should load the designer interface"
  • ❌ Report Designer Basic Tests: "should display component palette with draggable components"
  • ❌ Report Designer Basic Tests: "should allow drag and drop of components"

All tests were failing because they couldn't find the required test ID selectors.

🤖 Generated with Claude Code

PeakMNA and others added 5 commits August 17, 2025 16:19
- Updated ComponentType interface to include sizing properties
- Added defaultProperties to chart component type definition
- Made all new interface properties optional for backward compatibility

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Fixed component icon property type mismatches (string vs JSX)
- Updated ComponentType interface with optional sizing properties
- Resolved defaultProperties type compatibility issues
- Fixed unknown type casting across all data handling components
- Corrected circular reference in PDF export dimensions
- Fixed Excel data parsing type conflicts
- Ensured type safety while maintaining functionality

All TypeScript compilation errors resolved. Ready for E2E testing.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Fix HyperFormula import error by removing non-existent 'Config' export
- Replace unsafe 'any' types with 'unknown' types for better type safety
- Fix ComponentType interface errors using double-cast pattern (as unknown as TargetType)
- Update formula property type from 'formula' to 'textarea' to match allowed types
- Apply systematic type casting fixes across all component files

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
Update page title from "Create Next App" to "ReportBuilder" to match E2E test expectations.
Also update description to reflect the actual application purpose.

Fixes E2E test failures:
- Homepage Tests: "should load the homepage successfully"
- Homepage Tests: "should navigate to designer from homepage"

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
Add data-testid attributes to the three main designer interface sections:
- component-palette: For component palette functionality tests
- design-canvas: For canvas drag-and-drop and component manipulation tests
- properties-panel: For component property editing tests

Fixes E2E test failures:
- Report Designer Basic Tests: "should load the designer interface"
- Report Designer Basic Tests: "should display component palette with draggable components"
- Report Designer Basic Tests: "should allow drag and drop of components"

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants