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 . attributes .* Ċ import Ġorg . jetbrains . compose . web . css .* Ċ import Ġorg . jetbrains . compose . web . css . selectors . attr Ċ import Ġorg . jetbrains . compose . web . dom .* Ċ import Ġorg . jetbrains . compose . web . dom . Element Builder . Companion . Div Ċ Ċ class ĠEvents Tests Ġ{ ĊĊĠĠĠ Ġval Ġdouble Click Updates Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġstate Ġby Ġremember Ġ{ Ġmutable State Of ("") Ġ} ĊĊĠĠĠĠĠĠĠ ĠTest Text ( state ) ĊĊĠĠĠĠĠĠĠ ĠDiv ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġid (" box ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwidth ( 1 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 1 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠbackgroundColor (" red ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon DoubleClick Ġ{ Ġstate Ġ= Ġ" Double ĠClick ĠWorks !" Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText (" Clickable ĠBox ") ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġfocus In And Focus Out Update The Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġstate Ġby Ġremember Ġ{ Ġmutable State Of ("") Ġ} ĊĊĠĠĠĠĠĠĠ ĠTest Text ( state ) ĊĊĠĠĠĠĠĠĠ ĠInput ( type Ġ= ĠInput Type . Text , Ġattrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġid (" focus able Input ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġon Focus In Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstate Ġ= Ġ" focused " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġon Focus Out Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstate Ġ= Ġ" not Ġfocused " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ}) ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġfocus And Blur Update The Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġstate Ġby Ġremember Ġ{ Ġmutable State Of ("") Ġ} ĊĊĠĠĠĠĠĠĠ ĠTest Text ( state ) ĊĊĠĠĠĠĠĠĠ ĠInput ( type Ġ= ĠInput Type . Text , Ġattrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġid (" focus able Input ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġon Focus Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstate Ġ= Ġ" focused " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġon Blur Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstate Ġ= Ġ" bl ured " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ}) ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġscroll Updates Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġstate Ġby Ġremember Ġ{ Ġmutable State Of ("") Ġ} ĊĊĠĠĠĠĠĠĠ ĠTest Text ( state ) ĊĊĠĠĠĠĠĠĠ ĠDiv ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġid (" box ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġproperty (" overflow - y ", Ġ" scroll ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight ( 2 0 0 . px ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠbackgroundColor ( Color . RGB ( 2 2 0 , Ġ 2 2 0 , Ġ 2 2 0 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Scroll Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstate Ġ= Ġ" Sc rolled " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġrepeat ( 5 0 0 ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠP Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText (" Scroll able Ġcontent Ġin ĠDiv Ġ- Ġ$ it ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġval Ġselect Event Updates Text Ġby ĠtestCase Ġ{ ĊĠĠĠĠĠĠĠ Ġvar Ġstate Ġby Ġremember Ġ{ Ġmutable State Of (" None ") Ġ} ĊĊĠĠĠĠĠĠĠ ĠP ( attrs Ġ= Ġ{ Ġstyle Ġ{ Ġheight ( 5 0 . px ) Ġ} Ġ}) Ġ{ ĠTest Text ( state ) Ġ} ĊĊĠĠĠĠĠĠĠ ĠInput ( type Ġ= ĠInput Type . Text , Ġattrs Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġvalue (" This Ġis Ġa Ġtext Ġto Ġbe Ġselected ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġid (" selectable Text ") ĊĠĠĠĠĠĠĠĠĠĠĠ ĠonSelect Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstate Ġ= Ġ" Text ĠSelected " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ}) ĊĠĠĠ Ġ} Ċ } Ċ