javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-17 04:41:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #620 from NathanaelA/createPage_autoload_page_css

Browse Source 
frame-common.ts is missing the code to automagically load the page.css
This commit is contained in:
Hristo Hristov
2015-08-26 11:50:16 +03:00
parent 5ef2fea8d8 a67e46fc98
commit 2b204f4dd4
6 changed files with 64 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
apps/tests/ui/page/page-tests-common.ts
View File

@ -247,7 +247,7 @@ export function test_LoadPageFromModule() {
try {
var topFrame = FrameModule.topmost();
TKUnit.assert(topFrame.currentPage.content instanceof LabelModule.Label, "Content of the test page should be a Label created within test-page-module.");
var testLabel = <LabelModule.Label>topFrame.currentPage.content
var testLabel = <LabelModule.Label>topFrame.currentPage.content;
TKUnit.assert(testLabel.text === "Label created within a page module.");
}
finally {
@ -255,6 +255,35 @@ export function test_LoadPageFromModule() {
}
}
export function test_LoadPageFromDeclarativeWithCSS() {
helper.navigateToModule("ui/page/test-page-declarative-css");
try {
var topFrame = FrameModule.topmost();
TKUnit.assert(topFrame.currentPage.content instanceof LabelModule.Label, "Content of the test page should be a Label created within test-page-module-css.");
var testLabel = <LabelModule.Label>topFrame.currentPage.content;
TKUnit.assert(testLabel.text === "Label created within a page declarative file with css.");
TKUnit.assert(testLabel.style.backgroundColor.hex === "#ff00ff00", "Expected: #ff00ff00, Actual: " + testLabel.style.backgroundColor.hex);
}
finally {
helper.goBack();
}
}
export function test_LoadPageFromModuleWithCSS() {
helper.navigateToModule("ui/page/test-page-module-css");
try {
var topFrame = FrameModule.topmost();
TKUnit.assert(topFrame.currentPage.content instanceof LabelModule.Label, "Content of the test page should be a Label created within test-page-module-css.");
var testLabel = <LabelModule.Label>topFrame.currentPage.content;
TKUnit.assert(testLabel.text === "Label created within a page module css.");
TKUnit.assert(testLabel.style.backgroundColor.hex === "#ff00ff00", "Expected: #ff00ff00, Actual: " + testLabel.style.backgroundColor.hex);
}
finally {
helper.goBack();
}
}
export function test_NavigateToPageCreatedWithNavigationEntry() {
var expectedText = "Label created with a NavigationEntry";
var testPage: PageModule.Page;

3
apps/tests/ui/page/test-page-declarative-css.css Normal file
View File

@ -0,0 +1,3 @@
Label {
background-color: #ff00ff00;
}

3
apps/tests/ui/page/test-page-declarative-css.xml Normal file
View File

@ -0,0 +1,3 @@
<Page>
<Label text="Label created within a page declarative file with css."/>
</Page>

3
apps/tests/ui/page/test-page-module-css.css Normal file
View File

@ -0,0 +1,3 @@
Label {
background-color: #ff00ff00;
}

19
apps/tests/ui/page/test-page-module-css.ts Normal file
View File

@ -0,0 +1,19 @@
import PageModule = require("ui/page");
import LabelModule = require("ui/label");
export class TestPageModule extends PageModule.Page {
constructor() {
super();
var label = new LabelModule.Label();
label.text = "Label created within a page module css.";
this.content = label;
}
}
export function createPage() {
return new TestPageModule();
}
//export var Page = new TestPageModule();

12
ui/frame/frame-common.ts
View File

@ -65,6 +65,12 @@ export function resolvePageFromEntry(entry: definition.NavigationEntry): pages.P
if (!(page && page instanceof pages.Page)) {
throw new Error("Failed to load Page from entry.moduleName: " + entry.moduleName);
}
// Possible CSS file path.
var cssFileName = fileResolverModule.resolveFileName(moduleNamePath, "css");
if (cssFileName) {
page.addCssFile(cssFileName);
}
}
return page;
@ -83,12 +89,6 @@ function pageFromBuilder(moduleNamePath: string, moduleExports: any): pages.Page
element = builder.load(fileName, moduleExports);
if (element instanceof pages.Page) {
page = <pages.Page>element;
// Possible CSS file path.
var cssFileName = fileResolverModule.resolveFileName(moduleNamePath, "css");
if (cssFileName) {
page.addCssFile(cssFileName);
}
}
}