javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

test: clickable-span test page

Browse Source
This commit is contained in:
Eduardo Speroni
2019-03-26 18:58:59 -03:00
parent dbb5684153
commit 6ee8fc0ce7
3 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/app/ui-tests-app/css/clickable-span.ts Normal file
View File

@@ -0,0 +1,9 @@
import { EventData, TextBase } from "tns-core-modules/ui/text-base";
export function foxTap(args: EventData) {
console.log("foxTap");
}
export function dogTap(args: EventData) {
console.log("dogTap");
}

17
apps/app/ui-tests-app/css/clickable-span.xml Normal file
View File

@@ -0,0 +1,17 @@
<Page>
<StackLayout>
<Label automationText="formattedText" id="formattedText" textWrap="true" style="text-transform: capitalize;">
<Label.formattedText>
<FormattedString>
<FormattedString.spans>
<Span text="The quick brown " style="font-weight: bold; color: green;" />
<Span text="fox" style="font-weight: italic; color: green;" linkClick="foxTap"/>
<Span text=" jumps over the lazy " style="font-weight: bold; color: red;" />
<Span text="dog" style="font-weight: bold; color: blue;" linkClick="dogTap"/>
<Span text="." style="font-weight: bold; color: green;" />
</FormattedString.spans>
</FormattedString>
</Label.formattedText>
</Label>
</StackLayout>
</Page>

1
apps/app/ui-tests-app/css/main-page.ts
View File

@@ -44,5 +44,6 @@ export function loadExamples() {
examples.set("background-shorthand", "css/background-shorthand");
examples.set("background-image-linear-gradient", "css/background-image-linear-gradient");
examples.set("background-image", "css/background-image");
examples.set("clickable-span", "css/clickable-span");
return examples;
}