Create Playwright Component Test for Neo.component.Label

[tobiu]

This ticket is to create a new Playwright-based component test for Neo.component.Label.

This test plan was generated using the AI-Native workflow defined in the "Cookbook Epic" and will serve as the acceptance criteria for the implementation. The test should be created in a new file test/playwright/component/component/Label.spec.mjs and follow the "Empty Viewport" architecture.

Acceptance Criteria

1. Inherited Behavior Tests (from Neo.component.Base & Neo.component.Abstract)

• appName config: Test that the appName config is correctly set and accessible.
• bind config: Test that data binding works correctly with a state provider (if applicable).
• cls & baseCls configs: Test that baseCls (neo-label) and custom cls values are correctly applied to the component's root element.
• data config: Test that the data config correctly reflects merged data from parent state providers.
• disabled config: Test that setting disabled: true adds the .neo-disabled class and prevents user interaction.
• height, width, minHeight, maxHeight, minWidth, maxWidth configs: Test that dimension configs are correctly applied to the component's style.
• hidden config: Test that setting hidden: true removes the component from the DOM (using removeDom hideMode) or sets visibility: hidden (using visibility hideMode).
• html config: Test that the html config correctly sets the innerHTML of the component.
• id config: Test that the component's unique ID is correctly set and used in the DOM.
• isLoading config: Test that setting isLoading: true displays a loading mask with the neo-load-mask and neo-masked classes.
• keys config: Test that keyboard navigation is correctly set up (if applicable).
• mounted config: Test that the mounted config is true after the component is mounted to the DOM.
• plugins config: Test that plugins are correctly instantiated and applied (if applicable).
• reference config: Test that the component can be accessed via its reference.
• [ ] role config: Test that the role attribute is correctly applied to the component's root element.
• scrollable config: Test that setting scrollable: true adds the neo-scrollable class and applies overflow: auto style.
• stateProvider config: Test that a state provider can be attached and its data accessed.
• style config: Test that custom inline styles are correctly applied to the component's root element.
• tag config: Test that the component's root HTML tag can be changed.
• text config: Test that the text config correctly sets the textContent of the component.
• theme config: Test that theme classes are correctly applied and inherited.
• tooltip config: Test that a tooltip is correctly created and displayed on hover.
• ui config: Test that custom UI classes are correctly applied (e.g., neo-label-my-ui).
• windowId config: Test that the windowId is correctly set and used.
• wrapperCls & wrapperStyle configs: Test that wrapper classes and styles are correctly applied.

2. Component-Specific Feature Tests (Neo.component.Label)

• baseCls: Verify that the neo-label class is always present on the component's root element.
• tag: Verify that the component renders as a <label> HTML element by default.
• text config: Verify that the text config directly sets the textContent of the <label> element.
• user-select: none: Verify that the user-select: none CSS property is applied to the label, preventing text selection.
• white-space: nowrap: Verify that the white-space: nowrap CSS property is applied to the label, preventing text wrapping.

[Alachi24]

@tobiu I'd like to work on this, kindly assign this to me.
Also for clarity, i'd love to have any prior instruction to use as direction to work on this.

[tobiu]

i would recommend looking at existing component based tests, e.g.:
https://github.com/neomjs/neo/blob/dev/test/playwright/component/button/Base.spec.mjs

=> the setup is almost 1:1 => using the empty viewport, using remote method access to tell the app worker to render & mount a label into a specific parent div (viewport).

[Alachi24]

Acceptable... Thank you