package Ġorg . jetbrains . compose . web . sample . tests Ċ Ċ import Ġandroidx . compose . runtime . getValue Ċ import Ġandroidx . compose . runtime . mutable State Of Ċ import Ġandroidx . compose . runtime . remember Ċ import Ġandroidx . compose . runtime . setValue Ċ import Ġorg . jetbrains . compose . web . css .* Ċ import Ġorg . jetbrains . compose . web . css . selectors . CSS Selector Ċ import Ġorg . jetbrains . compose . web . dom .* Ċ Ċ class ĠTestCase s 1 Ġ{ ĊĠĠĠ Ġval Ġhello World Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ ĠDiv Ġ{ ĠText (" Hello ĠWorld !") Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġbutton Click s Update Counter Value Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġcount Ġby Ġremember Ġ{ Ġmutable State Of ( 0 ) Ġ} ĊĊĠĠĠĠĠĠĠ ĠTest Text ( value Ġ= Ġcount . toString ()) ĊĊĠĠĠĠĠĠĠ ĠButton ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġid (" btn ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonClick Ġ{ Ġcount Ġ+= Ġ 1 Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText (" Button ") ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġhover On Div Updates Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġhover ed Ġby Ġremember Ġ{ Ġmutable State Of ( false ) Ġ} ĊĊĠĠĠĠĠĠĠ ĠTest Text ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġvalue Ġ= Ġif Ġ( hover ed ) Ġ" hover ed " Ġelse Ġ" not Ġhover ed " ĊĠĠĠĠĠĠĠ Ġ) ĊĊĠĠĠĠĠĠĠ ĠDiv ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġid (" box ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonMouse Enter Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġprintln (" Mouse Ġenter ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġhover ed Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonMouse Leave Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġprintln (" Mouse Ġleave ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġhover ed Ġ= Ġfalse ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwidth ( 1 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 1 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠbackgroundColor (" red ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ) Ġ{} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġsmall Width Changes The TextColor Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ ĠStyle ( App StyleSheet ) ĊĠĠĠĠĠĠĠ ĠSpan ( attrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġid (" span 1 ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġclasses ( App StyleSheet . text Class ) ĊĠĠĠĠĠĠĠ Ġ}) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText (" This Ġa Ġcolored Ġtext ") ĊĠĠĠĠĠĠĠĠĠĠĠ ĠSpan Ġ{ ĠText (" Ġ[ expanded ]") Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ private Ġobject ĠApp StyleSheet Ġ: ĠStyleSheet () Ġ{ ĊĠĠĠ Ġval Ġtext Class Ġby Ġstyle Ġ{ ĊĠĠĠĠĠĠĠ Ġcolor (" rgba ( 0 , Ġ 2 0 0 , Ġ 0 , Ġ 0 . 9 2 )") ĊĠĠĠĠĠĠĠ Ġmedia ( media Max Width ( 6 0 0 . px )) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġself Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor (" rgba ( 2 5 5 , Ġ 2 0 0 , Ġ 0 , Ġ 0 . 9 9 )") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠ ĠCSS Selector . Child ( self , ĠCSS Selector . Type (" span ")) Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdisplay ( Display Style . None ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ }