Files
SBats af38cf5f3e Create css combnators tests page in apps
Setup direct siblings apps tests

Fix direct child test

Add direct sibling test on class and type element

Add sibling combinator handling for id selectors

Completely redo sibling selector and add attributes and pseudo class selectors tests

Handle sibling via a custom group instead of a selector

Fix Selector groups creation

Add unit test for sibling selection

Fix tslint errors
2017-05-09 11:29:11 +03:00

67 lines
2.3 KiB
XML

<Page>
<ScrollView>
<StackLayout>
<StackLayout class="direct-child--type">
<Label text="Direct child test by type"/>
<Button text="I'm a direct child!"/>
<StackLayout>
<Button text="I'm not!"/>
</StackLayout>
</StackLayout>
<StackLayout class="direct-child--class">
<Label text="Direct child test by class"/>
<Button class="test-child" text="I'm a direct child!"/>
<StackLayout>
<Button class="test-child" text="I'm not!"/>
</StackLayout>
</StackLayout>
<StackLayout class="direct-sibling--type">
<Label text="Direct sibling test by type"/>
<Button text="I'm the ref"/>
<Label class="sibling-test-label" text="I'm a direct sibling!"/>
<Label text="I'm not!" class="sibling-test-label"/>
<Button text="I'm not either!"/>
<Label class="sibling-test-label" text="But I am!"/>
</StackLayout>
<StackLayout class="direct-sibling--id">
<Label text="Direct sibling test by id"/>
<Button id="test-child" text="I'm the ref"/>
<Button id="test-child-2" text="I'm a direct sibling!"/>
<Button id="test-child-3" text="I'm not!"/>
</StackLayout>
<StackLayout class="direct-sibling--class">
<Label text="Direct sibling test by class"/>
<Button class="test-child" text="I'm the ref"/>
<Button class="test-child-2" text="I'm a direct sibling!"/>
<Button class="test-child-2" text="I'm not!"/>
<Button class="test-child" text="I'm not either!"/>
<Label class="test-child-2 sibling-test-label" text="But I am!"/>
</StackLayout>
<StackLayout class="direct-sibling--attribute">
<Label text="Direct sibling test by attribute"/>
<Button data="test-child" text="I'm the ref"/>
<Button data="test-child-2" text="I'm a direct sibling!"/>
<Button data="test-child-2" text="I'm not!"/>
<Button data="test-child" text="I'm not either!"/>
<Button data="test-child-2" text="But I am!"/>
</StackLayout>
<StackLayout class="direct-sibling--pseudo-selector">
<Label text="Direct sibling test by pseudo-selector"/>
<Button text="I'm the ref"/>
<Button isEnabled="false" text="I'm a direct sibling!"/>
<Button text="I'm not!"/>
<Button text="I'm not either!"/>
<Button isEnabled="false" text="But I am!"/>
</StackLayout>
</StackLayout>
</ScrollView>
</Page>