Skip to content

Docs: Add back 0.18.1 playground elements

f6c523c
Select commit
Loading
Failed to load commit list.
Sign in for the full log view
Merged

Feat/transition #95

Docs: Add back 0.18.1 playground elements
f6c523c
Select commit
Loading
Failed to load commit list.
GitHub Actions / Browser Test Results succeeded Aug 20, 2025 in 0s

336 passed, 0 failed and 0 skipped

Tests passed successfully

✅ tests/results/test-results-browser-junit.xml

336 tests were completed in 3s with 336 passed, 0 failed and 0 skipped.

Test suite Passed Failed Skipped Time
packages/component/test/browser/component.test.js 45✅ 3s
packages/query/test/browser/query.test.js 102✅ 50ms
packages/renderer/test/browser/helpers.test.js 69✅ 29ms
packages/renderer/test/browser/renderer.test.js 76✅ 60ms
packages/templating/test/browser/scanner.test.js 1✅ 3ms
packages/utils/test/browser/browser.test.js 5✅ 527ms
packages/utils/test/browser/css.test.js 38✅ 15ms

✅ packages/component/test/browser/component.test.js

✅ Component > defineComponent > should handle component with CSS
✅ Component > defineComponent > should handle component with default settings
✅ Component > defineComponent > should merge subTemplates CSS with component CSS
✅ Component > defineComponent > should properly handle lifecycle callbacks
✅ Component > defineComponent > should handle event bindings
✅ Component > defineComponent > should allow component with pageCSS
✅ Component > WebComponentBase > should have shadowRootOptions defined
✅ Component > WebComponentBase > should provide a static getProperties method
✅ Component > WebComponentBase > should provide a static getPropertySettings method
✅ Component > WebComponentBase > should handle String property type correctly
✅ Component > WebComponentBase > should handle Boolean property type correctly
✅ Component > WebComponentBase > should handle Function property type correctly
✅ Component > WebComponentBase > should handle propertyOnly flag correctly
✅ Component > Helper Functions > should export adoptStylesheet function
✅ Component > Helper Functions > should export registerHelper function
✅ Component > Helper Functions > should export registerHelpers function
✅ Component > Helper Functions > should register a single helper function
✅ Component > Helper Functions > should register multiple helper functions
✅ Component > Helper Functions > should make helpers available in component templates
✅ Component > Component Instance > should initialize settings proxy correctly
✅ Component > Component Instance > should create template when willUpdate is called
✅ Component > Component Instance > should properly handle settings proxy set operations
✅ Component > Component Instance > should handle disconnectedCallback correctly
✅ Component > Component Spec Integration > should handle component spec for UI classes
✅ Component > Component Spec Integration > should properly process attributes defined in componentSpec
✅ Component > Server-Side Rendering > should handle SSR scenario in willUpdate
✅ Component > Reactivity Integration > should create reactive variables in createComponent
✅ Component > Reactivity Integration > should support signal for reactive state
✅ Component > Component Navigation Helpers > findChild > should find direct child component by templateName
✅ Component > Component Navigation Helpers > findChild > should return undefined when child not found
✅ Component > Component Navigation Helpers > findChild > should find child across shadow DOM boundaries
✅ Component > Component Navigation Helpers > findChildren > should find multiple child components of same type
✅ Component > Component Navigation Helpers > findChildren > should return empty array when no children found
✅ Component > Component Navigation Helpers > findChildren > should find all children when no templateName specified
✅ Component > Component Navigation Helpers > findParent > should find parent component by templateName
✅ Component > Component Navigation Helpers > findParent > should traverse across shadow DOM boundaries to find parent
✅ Component > Component Navigation Helpers > findParent > should return undefined when parent not found
✅ Component > Component Navigation Helpers > findTemplate > should find any template on the page by templateName
✅ Component > Component Navigation Helpers > findTemplate > should return undefined when template not found
✅ Component > Component Navigation Helpers > findTemplate > should find templates across component hierarchies
✅ Component > Component Navigation Helpers > Subtemplate Navigation > should find child subtemplates using findChild
✅ Component > Component Navigation Helpers > Subtemplate Navigation > should find parent from subtemplate using findParent
✅ Component > Component Navigation Helpers > Subtemplate Navigation > should handle mixed web component and subtemplate navigation
✅ Component > Component Navigation Helpers > Navigation Helper Edge Cases > should handle components without templateName gracefully
✅ Component > Component Navigation Helpers > Navigation Helper Edge Cases > should handle rapid component creation and destruction

✅ packages/query/test/browser/query.test.js

✅ query > text > text should get text content of slotted nodes from shadow DOM
✅ query > window and globalThisProxy > should attach event listeners to the window object using "window" selector
✅ query > window and globalThisProxy > should attach event listeners to the window object using "globalThis" selector
✅ query > window and globalThisProxy > should attach event listeners to the window object directly
✅ query > window and globalThisProxy > should remove event listeners from the window object using "window" selector
✅ query > window and globalThisProxy > should remove event listeners from the window object using "globalThis" selector
✅ query > window and globalThisProxy > should remove event listeners from the window object directly
✅ query > window and globalThisProxy > should handle properties access on the globalThisProxy object
✅ query > window and globalThisProxy > should handle method invocation on the globalThisProxy object
✅ query > window and globalThisProxy > should handle setting properties on the globalThisProxy object
✅ query > window and globalThisProxy > should handle dimension properties correctly for the window object
✅ query > window and globalThisProxy > should proxy method calls to the global object
✅ query > window and globalThisProxy > should allow setting global properties
✅ query > slot methods > getSlot > should get content from a named slot
✅ query > slot methods > getSlot > should get content from the default slot
✅ query > slot methods > getSlot > should get content directly from a slot element
✅ query > slot methods > getSlot > should handle multiple slotted elements
✅ query > slot methods > setSlot > should set content in a named slot
✅ query > slot methods > setSlot > should set content in the default slot
✅ query > slot methods > setSlot > should update existing slotted content
✅ query > slot methods > setSlot > should set content via parent when working with a slot element
✅ query > $$ > Regular DOM traversal > should find elements in regular DOM
✅ query > $$ > Regular DOM traversal > should find all matching elements
✅ query > $$ > Regular DOM traversal > should handle DOM element as selector
✅ query > $$ > Regular DOM traversal > should handle empty results
✅ query > $$ > Shadow DOM traversal > should find elements inside shadow DOM
✅ query > $$ > Shadow DOM traversal > should find elements in both light and shadow DOM
✅ query > $$ > Shadow DOM traversal > should match selectors across shadow boundaries
✅ query > $$ > Shadow DOM traversal > should find elements at multiple shadow DOM levels
✅ query > $$ > Slotted content traversal > should get text content of slotted nodes
✅ query > $$ > Slotted content traversal > should find elements in slotted content
✅ query > $$ > Slotted content traversal > should track complex selectors across slot boundaries
✅ query > $$ > Complex boundary crossing > should traverse multiple boundary types in the same query
✅ query > $$ > Deduplication and edge cases > should deduplicate elements in results
✅ query > $$ > Deduplication and edge cases > should handle getRemainingSelector for partial matches
✅ query > $$ > Deduplication and edge cases > should handle dynamically added content
✅ query > clippingParent > should find the clipping parent with overflow hidden
✅ query > clippingParent > should find the clipping parent with overflow scroll
✅ query > clippingParent > should find the clipping parent with overflow auto
✅ query > clippingParent > should return document.documentElement when no clipping parent found
✅ query > clippingParent > should handle multiple elements
✅ query > clippingParent > should handle empty selection
✅ query > clippingParent > should find nested clipping parents correctly
✅ query > clippingParent > should find clipping parent with contain: paint
✅ query > clippingParent > should find clipping parent with contain: layout
✅ query > clippingParent > should find clipping parent with contain: size
✅ query > clippingParent > should find clipping parent with contain: strict
✅ query > clippingParent > should find clipping parent with clip-path
✅ query > clippingParent > should find clipping parent with mask
✅ query > clippingParent > should find clipping parent with mask-image
✅ query > clippingParent > should not consider contain: style as clipping
✅ query > containingParent > should find containing parent with position relative
✅ query > containingParent > should find containing parent with transform
✅ query > containingParent > should find containing parent with filter
✅ query > containingParent > should find containing parent with contain property
✅ query > containingParent > should find containing parent with will-change
✅ query > containingParent > should return undefined for fixed position elements
✅ query > containingParent > should return document.body when no containing parent found
✅ query > containingParent > should use browser offsetParent when calculate is false
✅ query > containingParent > should handle multiple elements
✅ query > containingParent > should handle empty selection
✅ query > containingParent > should find nearest containing parent in nested contexts
✅ query > Dimensional Methods (Browser-dependent) > width and height with options > should get content-only dimensions by default
✅ query > Dimensional Methods (Browser-dependent) > width and height with options > should get dimensions including padding with includePadding option
✅ query > Dimensional Methods (Browser-dependent) > width and height with options > should get dimensions including border with includeBorder option
✅ query > Dimensional Methods (Browser-dependent) > width and height with options > should get dimensions including margin with includeMargin option
✅ query > Dimensional Methods (Browser-dependent) > width and height with options > should work with border-box sizing
✅ query > Dimensional Methods (Browser-dependent) > width and height with options > should work with multiple elements
✅ query > Dimensional Methods (Browser-dependent) > innerWidth and innerHeight > should return content + padding dimensions
✅ query > Dimensional Methods (Browser-dependent) > outerWidth and outerHeight > should return content + padding + border dimensions by default
✅ query > Dimensional Methods (Browser-dependent) > outerWidth and outerHeight > should include margin when specified
✅ query > Dimensional Methods (Browser-dependent) > isVisible > basic functionality > should return true for visible elements
✅ query > Dimensional Methods (Browser-dependent) > isVisible > basic functionality > should return false for display:none elements
✅ query > Dimensional Methods (Browser-dependent) > isVisible > basic functionality > should return false for visibility:hidden elements
✅ query > Dimensional Methods (Browser-dependent) > isVisible > basic functionality > should return false for zero-width elements
✅ query > Dimensional Methods (Browser-dependent) > isVisible > basic functionality > should return false for zero-height elements
✅ query > Dimensional Methods (Browser-dependent) > isVisible > opacity handling > should return true for opacity:0 elements by default
✅ query > Dimensional Methods (Browser-dependent) > isVisible > opacity handling > should return false for opacity:0 elements when includeOpacity is true
✅ query > Dimensional Methods (Browser-dependent) > isVisible > opacity handling > should return true for opacity:0.5 elements when includeOpacity is true
✅ query > Dimensional Methods (Browser-dependent) > isVisible > opacity handling > should return false for opacity:0 with no dimensions when includeOpacity is true
✅ query > Dimensional Methods (Browser-dependent) > isVisible > single vs multiple elements > should return boolean for single element
✅ query > Dimensional Methods (Browser-dependent) > isVisible > single vs multiple elements > should return false for multiple elements with different visibility (AND logic)
✅ query > Dimensional Methods (Browser-dependent) > isVisible > single vs multiple elements > should return single boolean for multiple elements with same visibility
✅ query > Dimensional Methods (Browser-dependent) > isVisible > single vs multiple elements > should return single false for multiple hidden elements
✅ query > Dimensional Methods (Browser-dependent) > isVisible > single vs multiple elements > should handle mixed visibility states with AND logic
✅ query > Dimensional Methods (Browser-dependent) > isVisible > empty selection handling > should return undefined for empty selection
✅ query > Dimensional Methods (Browser-dependent) > isVisible > empty selection handling > should return undefined for empty selection with includeOpacity
✅ query > Dimensional Methods (Browser-dependent) > isVisible > edge cases > should handle elements with fractional dimensions
✅ query > Dimensional Methods (Browser-dependent) > isVisible > edge cases > should handle elements with very small opacity
✅ query > Dimensional Methods (Browser-dependent) > isVisible > edge cases > should handle elements with inherited styles
✅ query > Dimensional Methods (Browser-dependent) > isVisible > return value consistency > should not return Query instance
✅ query > Dimensional Methods (Browser-dependent) > isVisible > return value consistency > should handle includeOpacity parameter consistently
✅ query > naturalDisplay > should handle empty selection
✅ query > naturalDisplay > should return current display if already visible
✅ query > naturalDisplay > should return block as default for elements without CSS rules
✅ query > naturalDisplay > should return array for multiple elements
✅ query > naturalDisplay > should return single value for one element
✅ query > naturalDisplay > should ignore display: none rules and find highest specificity non-none rule
✅ query > naturalDisplay > should handle elements with higher specificity rules
✅ query > naturalDisplay > should handle nested CSS rules
✅ query > naturalDisplay > should handle cross-origin stylesheet errors gracefully
✅ query > naturalDisplay > should work with chaining

✅ packages/renderer/test/browser/helpers.test.js

✅ Template Helpers > activeIf helper > activeIf with true literal
✅ Template Helpers > activeIf helper > activeIf with false literal
✅ Template Helpers > activeIf helper > activeIf with data value that is true
✅ Template Helpers > activeIf helper > activeIf with data value that is false
✅ Template Helpers > activeIf helper > activeIf with equality comparison (true)
✅ Template Helpers > activeIf helper > activeIf with equality comparison (false)
✅ Template Helpers > activeIf helper > activeIf with loose equality comparison (true)
✅ Template Helpers > activeIf helper > activeIf with complex expression (true)
✅ Template Helpers > activeIf helper > activeIf with complex expression (false)
✅ Template Helpers > activeIf helper > activeIf with function call (true)
✅ Template Helpers > activeIf helper > activeIf with function call (false)
✅ Template Helpers > activeIf helper > activeIf with spaced equality expression (true)
✅ Template Helpers > activeIf helper > activeIf with spaced equality expression (false)
✅ Template Helpers > classIf helper > classIf with true condition and class name
✅ Template Helpers > classIf helper > classIf with false condition and class name
✅ Template Helpers > classIf helper > classIf with true condition and true/false class names
✅ Template Helpers > classIf helper > classIf with false condition and true/false class names
✅ Template Helpers > classIf helper > classIf with data variable condition (true)
✅ Template Helpers > classIf helper > classIf with equality comparison (true)
✅ Template Helpers > classIf helper > classIf with spaced arguments
✅ Template Helpers > classIf helper > classIf with spaced arguments and two class options
✅ Template Helpers > Logic helpers > both helper with two truthy values
✅ Template Helpers > Logic helpers > both helper with one falsy value
✅ Template Helpers > Logic helpers > both helper with spaced args
✅ Template Helpers > Logic helpers > either helper with one truthy value
✅ Template Helpers > Logic helpers > either helper with both falsy values
✅ Template Helpers > Logic helpers > not helper with truthy value
✅ Template Helpers > Logic helpers > not helper with nested expression
✅ Template Helpers > Logic helpers > maybe helper as ternary operator (true case)
✅ Template Helpers > Logic helpers > maybe helper as ternary operator (false case)
✅ Template Helpers > Logic helpers > maybe helper with spaced args
✅ Template Helpers > Comparison helpers > is (loose equality) with matching values
✅ Template Helpers > Comparison helpers > is (loose equality) with non-matching values
✅ Template Helpers > Comparison helpers > isExactly (strict equality) with matching values
✅ Template Helpers > Comparison helpers > isExactly (strict equality) with type mismatch
✅ Template Helpers > Comparison helpers > greaterThan comparison (true)
✅ Template Helpers > Comparison helpers > greaterThan comparison (false)
✅ Template Helpers > Comparison helpers > greaterThanEquals comparison (equal)
✅ Template Helpers > Comparison helpers > lessThan comparison with variables
✅ Template Helpers > Comparison helpers > lessThanEquals with spaced args
✅ Template Helpers > String helpers > join with array and delimiter
✅ Template Helpers > String helpers > join with spaced args
✅ Template Helpers > String helpers > join with empty array
✅ Template Helpers > String helpers > joinComma with array
✅ Template Helpers > String helpers > joinComma without oxford comma
✅ Template Helpers > String helpers > joinComma with quotes
✅ Template Helpers > String helpers > capitalize helper
✅ Template Helpers > String helpers > titleCase helper
✅ Template Helpers > String helpers > escapeHTML helper
✅ Template Helpers > Class manipulation helpers > classes with array
✅ Template Helpers > Class manipulation helpers > classes with individual strings
✅ Template Helpers > Class manipulation helpers > classMap with object
✅ Template Helpers > Class manipulation helpers > selectedIf with truthy value
✅ Template Helpers > Class manipulation helpers > disabledIf with mixed syntax
✅ Template Helpers > Class manipulation helpers > checkedIf with function result
✅ Template Helpers > Data context and existence helpers > exists helper with defined value
✅ Template Helpers > Data context and existence helpers > exists helper with undefined property
✅ Template Helpers > Data context and existence helpers > isEmpty helper with empty array
✅ Template Helpers > Data context and existence helpers > isEmpty helper with non-empty array
✅ Template Helpers > Data context and existence helpers > hasAny helper with empty array
✅ Template Helpers > Data context and existence helpers > hasAny helper with non-empty array
✅ Template Helpers > Data context and existence helpers > stringify helper
✅ Template Helpers > Data context and existence helpers > property access with dot notation
✅ Template Helpers > Data context and existence helpers > range helper with start and stop
✅ Template Helpers > Data context and existence helpers > arrayFromObject helper
✅ Template Helpers > Method binding and context > Method binding with this context
✅ Template Helpers > Method binding and context > Method with arguments and this context
✅ Template Helpers > Method binding and context > Deeply nested method call with this context
✅ Template Helpers > Method binding and context > Method returning object properties

✅ packages/renderer/test/browser/renderer.test.js

✅ LitRenderer > Expression > Calling method in data context with object using spaced arguments
✅ LitRenderer > Expression > Calling helper method in data context with js arguments
✅ LitRenderer > Expression > Calling helper method with inline object definition
✅ LitRenderer > Expression > Calling method with spaced arguments and inline array definition
✅ LitRenderer > Expression > Outputting value from data context
✅ LitRenderer > Expression > Inline addition
✅ LitRenderer > Expression > Inline arithmetic
✅ LitRenderer > Expression > Inline arithmetic with order of operations
✅ LitRenderer > Expression > Calling a method with spaced arguments
✅ LitRenderer > Expression > Calling a method with js arguments and inline addition
✅ LitRenderer > Expression > Calling a method with inline object
✅ LitRenderer > Expression > Adding numbers
✅ LitRenderer > Expression > Passed through to snippet
✅ LitRenderer > Expression > Nested object property access
✅ LitRenderer > Expression > Missing property returns undefined
✅ LitRenderer > Expression > Missing method call yields no result
✅ LitRenderer > Expression > Mixed spaced & JS arguments with nested calls
✅ LitRenderer > Expression > Method returning null
✅ LitRenderer > Expression > Unsafe html should preserve html
✅ LitRenderer > Expression > Standard evaluation should create html entities
✅ LitRenderer > Expression > If defined return true
✅ LitRenderer > Expression > Inline object and array
✅ LitRenderer > Expression > Nested inline object and array
✅ LitRenderer > Expression > JS ternary operator in expression
✅ LitRenderer > Expression > Array indexing (numbers[1])
✅ LitRenderer > Expression > Local property overriding global helper
✅ LitRenderer > Expression > Method binding with this context
✅ LitRenderer > Expression > Method with arguments and this context
✅ LitRenderer > Expression > Deeply nested method call with this context
✅ LitRenderer > Expression > Method returning object properties
✅ LitRenderer > Expression > Deep property access with multiple levels
✅ LitRenderer > Expression > Function composition (titleCase of concat)
✅ LitRenderer > Expression > Complex expression with parenthesized evaluation order
✅ LitRenderer > Expression > Array map method in expression
✅ LitRenderer > Expression > Template string expression
✅ LitRenderer > Expression > Logical AND operator
✅ LitRenderer > Expression > Logical OR operator with nullish values
✅ LitRenderer > Expression > Nullish coalescing operator
✅ LitRenderer > Expression > Mixed semantic and JS style - passing JS expression to semantic style
✅ LitRenderer > Expression > Function call with complex condition argument
✅ LitRenderer > Expression > Optional chaining with existing property
✅ LitRenderer > Expression > Optional chaining with missing property
✅ LitRenderer > Expression > String literal with quotes
✅ LitRenderer > Expression > Boolean literal true
✅ LitRenderer > Expression > Boolean literal false
✅ LitRenderer > Expression > Numeric literal
✅ LitRenderer > Expression > Inline activeIf helper with comparison in object
✅ LitRenderer > Expression > Nested helpers with data context values
✅ LitRenderer > Expression > Expression with array methods and data manipulation
✅ LitRenderer > Expression > Expression with string methods from data context
✅ LitRenderer > Expression > Dynamic class composition with conditions
✅ LitRenderer > Expression > Expression with data-driven object access
✅ LitRenderer > Expression > Expression with property check and fallback
✅ LitRenderer > Expression > Format date with multiple parameters
✅ LitRenderer > Expression > Decimal calculation with rounding
✅ LitRenderer > Expression > Calculated property with dynamic field name
✅ LitRenderer > Expression > Complex conditional rendering expression
✅ LitRenderer > Expression > Object with expressions and methods
✅ LitRenderer > Expression > Conditional method call with nullish coalescing
✅ LitRenderer > Expression > Object key with dynamic property accessor
✅ LitRenderer > Expression > String template with conditional parts
✅ LitRenderer > Expression > Numeric formatting with localization
✅ LitRenderer > Expression > Array manipulation with multiple methods
✅ LitRenderer > Expression > Expression with mixed quotes in string literals
✅ LitRenderer > Expression > Nested ternary operators with comparisons
✅ LitRenderer > Expression > Bitwise operations in expression
✅ LitRenderer > Expression > Expression with lookalike comparisons
✅ LitRenderer > Expression > Object property with spaces
✅ LitRenderer > Expression > Deeply nested parentheses in expression
✅ LitRenderer > Expression > Function call with object containing data variables
✅ LitRenderer > Expression > Semantic style calling JS style function
✅ LitRenderer > Expression > Expression with escaped characters
✅ LitRenderer > Expression > Method with same name as variable
✅ LitRenderer > Expression > Chained semantic style calls
✅ LitRenderer > Expression > Method call with arrow function argument
✅ LitRenderer > Expression > Function with self reference via data context

✅ packages/templating/test/browser/scanner.test.js

✅ string scanner > fatal > fatal should log error to page in debug mode

✅ packages/utils/test/browser/browser.test.js

✅ Browser Utilities > getIPAddress > should return a string for public IP
✅ Browser Utilities > getIPAddress > should return an array of strings for local IPs
✅ Browser Utilities > getIPAddress > should return an array for all IPs
✅ Browser Utilities > getIPAddress > should handle timeout properly
✅ Browser Utilities > getIPAddress > should handle invalid type gracefully

✅ packages/utils/test/browser/css.test.js

✅ CSS Utilities > adoptStylesheet > basic functionality > should adopt CSS stylesheet to document by default
✅ CSS Utilities > adoptStylesheet > basic functionality > should adopt CSS stylesheet to specific element
✅ CSS Utilities > adoptStylesheet > basic functionality > should prevent duplicate stylesheets using hash
✅ CSS Utilities > adoptStylesheet > basic functionality > should allow different CSS with different hashes
✅ CSS Utilities > adoptStylesheet > caching functionality > should cache stylesheet when cacheStylesheet is true
✅ CSS Utilities > adoptStylesheet > caching functionality > should reuse cached stylesheet
✅ CSS Utilities > adoptStylesheet > caching functionality > should handle CSS reset sharing use case
✅ CSS Utilities > adoptStylesheet > edge cases > should auto-detect root node when passed a regular element
✅ CSS Utilities > adoptStylesheet > edge cases > should use document as root when element has no shadow root
✅ CSS Utilities > adoptStylesheet > edge cases > should handle custom hash values
✅ CSS Utilities > adoptStylesheet > edge cases > should handle empty CSS
✅ CSS Utilities > adoptStylesheet > edge cases > should handle invalid CSS gracefully
✅ CSS Utilities > extractCSS > basic functionality > should extract CSS rules matching selector from stylesheet array
✅ CSS Utilities > extractCSS > basic functionality > should extract from raw CSS string
✅ CSS Utilities > extractCSS > basic functionality > should extract from single stylesheet
✅ CSS Utilities > extractCSS > basic functionality > should extract from array of stylesheets
✅ CSS Utilities > extractCSS > polymorphic inputs > should handle document as source
✅ CSS Utilities > extractCSS > polymorphic inputs > should handle element with styleSheets as source
✅ CSS Utilities > extractCSS > polymorphic inputs > should fallback to document.styleSheets for invalid source
✅ CSS Utilities > extractCSS > polymorphic inputs > should handle nested CSS rules
✅ CSS Utilities > extractCSS > edge cases > should handle case-insensitive selector matching
✅ CSS Utilities > extractCSS > edge cases > should handle empty stylesheets
✅ CSS Utilities > extractCSS > edge cases > should handle CSS access errors gracefully
✅ CSS Utilities > scopeStyles > basic functionality > should scope CSS rules with prepended selector
✅ CSS Utilities > scopeStyles > basic functionality > should handle empty scope selector
✅ CSS Utilities > scopeStyles > basic functionality > should be case-insensitive for scope selector
✅ CSS Utilities > scopeStyles > scoping options > should replace :host when replaceHost is true
✅ CSS Utilities > scopeStyles > scoping options > should not replace :host when replaceHost is false
✅ CSS Utilities > scopeStyles > scoping options > should append scope to html/body when appendToRootElements is true
✅ CSS Utilities > scopeStyles > scoping options > should prepend scope to html/body when appendToRootElements is false
✅ CSS Utilities > scopeStyles > scoping options > should handle both options together
✅ CSS Utilities > scopeStyles > complex CSS handling > should handle media queries
✅ CSS Utilities > scopeStyles > complex CSS handling > should handle @supports rules
✅ CSS Utilities > scopeStyles > complex CSS handling > should handle @layer rules
✅ CSS Utilities > scopeStyles > edge cases > should handle empty CSS
✅ CSS Utilities > scopeStyles > edge cases > should handle CSS with no rules
✅ CSS Utilities > scopeStyles > edge cases > should handle multiple selectors in one rule
✅ CSS Utilities > scopeStyles > edge cases > should handle CSS with pseudo-classes and pseudo-elements