* Add a test demonstrating how you can use extends to directly manage state as part of your baseClass * Extend Tests for @method decorator inheritance, super() calls, method override, and method composition. * Extend Tests for @prop and @State inheritance from base classes. * Extend Tests for extending Stencil-decorated classes with render() method inheritance. * Demonstrates base classes triggering host component updates via requestUpdate * Tests demonstrating lifecycle hooks living on the base class * Tests for multi-level lifecycle inheritance * Tests for ReactiveControllerHost pattern - composition based controllers with automatic lifecycle hooking * Run prettier * Tests for decorator conflicts - duplicate decorator names of the same type in inheritance chains Test Case #13 - Decorator Conflicts Features: - Duplicate @prop names (component overrides base) - Duplicate @State names (component overrides base) - Duplicate @method names (component overrides base) - Compiler precedence rules (component decorators take precedence) * Tests for event handling inheritance - @listen decorator inheritance Test Case #10 - Event Handling Inheritance Features: - Inherits base class window/document/host listeners - Handles child class window/document/host listeners - Child override event handler takes precedence over base - Handles event bubbling correctly - Tracks events in combined event log * Tests for @watch decorator inheritance Test Case #11 - Watch Decorator Inheritance Features: - Inherits base class @watch decorators - Handles child class @watch decorators - Executes watch handlers in correct order (base first, then child) - Child override watch handler takes precedence over base - Reactive property chains work correctly - Tracks watch calls in combined watch log * Tests for mixed decorator types - different decorator types with same name Test Case #18 - Mixed Decorator Types Features: - @prop in Base, @State in Component (same name) - @State in Base, @prop in Component (same name) - @method in Base, @prop in Component (same name) - Component decorator type takes precedence - Runtime behavior verification * Tests for inheritance-based scaling with multiple components and controllers Test Case #15 - Inheritance-Based Scaling Features: - 3 components (TextInput, RadioGroup, CheckboxGroup) using inheritance - 2 controllers (ValidationController, FocusController) via inheritance - Lifecycle methods called correctly - Validation triggers on blur - Focus tracking works - Controllers use inheritance pattern * Tests for composition-based scaling with multiple components and controllers Test Case #16 - Composition-Based Scaling Features: - 3 components (TextInput, RadioGroup, CheckboxGroup) using composition - 2 controllers (ValidationController, FocusController) via composition - Lifecycle methods called automatically via ReactiveControllerHost - Validation triggers on blur - Focus tracking works - Controllers are properly composed (not inherited) * Apply prettier formatting & tweak test case #s * Remove the duplicate method as it was causing types error --------- Co-authored-by: Paul Visciano <paul.visciano@outsystems.com>

Uh oh!

Angular camelCase attributes mapping for web component attributes #11

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions