mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 02:54:11 +08:00
297 lines
11 KiB
TypeScript
297 lines
11 KiB
TypeScript
import xmlNsLoader from './xml-namespace-loader';
|
|
import { convertSlashesInPath } from './projectHelpers';
|
|
|
|
const CODE_FILE = `
|
|
<Page xmlns="http://www.nativescript.org/tns.xsd">
|
|
<StackLayout>
|
|
<GridLayout xmlns:chart="nativescript-ui-chart">
|
|
<chart:RadCartesianChart></chart:RadCartesianChart>
|
|
</GridLayout>
|
|
<GridLayout xmlns:chart="nativescript-ui-chart">
|
|
<chart:RadCartesianChart></chart:RadCartesianChart>
|
|
</GridLayout>
|
|
</StackLayout>
|
|
</Page>
|
|
`;
|
|
|
|
interface TestSetup {
|
|
resolveMap: { [path: string]: string };
|
|
expectedDeps: string[];
|
|
expectedRegs: { name: string; path: string }[];
|
|
ignore?: RegExp;
|
|
assureNoDeps?: boolean;
|
|
expectError?: boolean;
|
|
expectWarnings?: number;
|
|
}
|
|
|
|
function getContext(done: DoneFn, { resolveMap, expectedDeps, expectedRegs, assureNoDeps, ignore, expectError, expectWarnings }: TestSetup) {
|
|
const actualDeps: string[] = [];
|
|
const actualWarnings: Error[] = [];
|
|
let callbackCalled = false;
|
|
|
|
const loaderContext = {
|
|
rootContext: 'app',
|
|
context: 'app/component',
|
|
async: () => (error, source: string) => {
|
|
if (callbackCalled) {
|
|
done.fail('Callback called more than once!');
|
|
}
|
|
callbackCalled = true;
|
|
|
|
expectedDeps.forEach((expectedDep) => expect(actualDeps).toContain(expectedDep));
|
|
|
|
expectedRegs.forEach(({ name, path }) => {
|
|
const regCode = `global.registerModule("${name}", function() { return require("${path}"); });`;
|
|
expect(source).toContain(regCode);
|
|
});
|
|
|
|
if (assureNoDeps) {
|
|
expect(actualDeps.length).toBe(0);
|
|
expect(source).not.toContain('global.registerModule');
|
|
}
|
|
|
|
if (expectWarnings) {
|
|
expect(actualWarnings.length).toEqual(expectWarnings);
|
|
}
|
|
|
|
if (error && !expectError) {
|
|
done.fail(error);
|
|
} else if (!error && expectError) {
|
|
done.fail('Error expected here');
|
|
} else {
|
|
done();
|
|
}
|
|
},
|
|
resolve: (context: string, request: string, callback: (err: Error, result: string) => void) => {
|
|
request = convertSlashesInPath(request);
|
|
if (resolveMap[request]) {
|
|
callback(undefined, resolveMap[request]);
|
|
} else {
|
|
callback(new Error(`Module ${request} not found`), undefined);
|
|
}
|
|
},
|
|
addDependency: (dep: string) => {
|
|
actualDeps.push(dep);
|
|
},
|
|
emitWarning: (err: Error) => {
|
|
actualWarnings.push(err);
|
|
},
|
|
query: { ignore },
|
|
};
|
|
|
|
return loaderContext;
|
|
}
|
|
|
|
describe('XmlNamespaceLoader', () => {
|
|
it('with namespace pointing to files', (done) => {
|
|
const resolveMap = {
|
|
'app/nativescript-ui-chart': 'app/nativescript-ui-chart.js',
|
|
'app/nativescript-ui-chart.xml': 'app/nativescript-ui-chart.xml',
|
|
'app/nativescript-ui-chart.css': 'app/nativescript-ui-chart.css',
|
|
};
|
|
|
|
const expectedDeps = ['app/nativescript-ui-chart.js', 'app/nativescript-ui-chart.xml', 'app/nativescript-ui-chart.css'];
|
|
|
|
const expectedRegs = [
|
|
{ name: 'nativescript-ui-chart', path: 'app/nativescript-ui-chart.js' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart', path: 'app/nativescript-ui-chart.js' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.xml', path: 'app/nativescript-ui-chart.xml' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.css', path: 'app/nativescript-ui-chart.css' },
|
|
];
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs });
|
|
|
|
xmlNsLoader.call(loaderContext, CODE_FILE);
|
|
});
|
|
|
|
it('with namespace/elementName pointing to files (with package.json)', (done) => {
|
|
const resolveMap = {
|
|
'app/nativescript-ui-chart': 'app/nativescript-ui-chart/RadCartesianChart.js', //simulate package.json
|
|
'app/nativescript-ui-chart/RadCartesianChart': 'app/nativescript-ui-chart/RadCartesianChart.js',
|
|
'app/nativescript-ui-chart/RadCartesianChart.xml': 'app/nativescript-ui-chart/RadCartesianChart.xml',
|
|
'app/nativescript-ui-chart/RadCartesianChart.css': 'app/nativescript-ui-chart/RadCartesianChart.css',
|
|
};
|
|
|
|
const expectedDeps = ['app/nativescript-ui-chart/RadCartesianChart.js', 'app/nativescript-ui-chart/RadCartesianChart.xml', 'app/nativescript-ui-chart/RadCartesianChart.css'];
|
|
|
|
const expectedRegs = [
|
|
{ name: 'nativescript-ui-chart', path: 'app/nativescript-ui-chart/RadCartesianChart.js' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart', path: 'app/nativescript-ui-chart/RadCartesianChart.js' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.xml', path: 'app/nativescript-ui-chart/RadCartesianChart.xml' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.css', path: 'app/nativescript-ui-chart/RadCartesianChart.css' },
|
|
];
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs });
|
|
xmlNsLoader.call(loaderContext, CODE_FILE);
|
|
});
|
|
|
|
it('with namespace/elementName pointing to files', (done) => {
|
|
const resolveMap = {
|
|
'app/nativescript-ui-chart/RadCartesianChart': 'app/nativescript-ui-chart/RadCartesianChart.js',
|
|
'app/nativescript-ui-chart/RadCartesianChart.xml': 'app/nativescript-ui-chart/RadCartesianChart.xml',
|
|
'app/nativescript-ui-chart/RadCartesianChart.css': 'app/nativescript-ui-chart/RadCartesianChart.css',
|
|
};
|
|
|
|
const expectedDeps = ['app/nativescript-ui-chart/RadCartesianChart.js', 'app/nativescript-ui-chart/RadCartesianChart.xml', 'app/nativescript-ui-chart/RadCartesianChart.css'];
|
|
|
|
const expectedRegs = [
|
|
{ name: 'nativescript-ui-chart', path: 'app/nativescript-ui-chart/RadCartesianChart.js' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart', path: 'app/nativescript-ui-chart/RadCartesianChart.js' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.xml', path: 'app/nativescript-ui-chart/RadCartesianChart.xml' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.css', path: 'app/nativescript-ui-chart/RadCartesianChart.css' },
|
|
];
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs });
|
|
xmlNsLoader.call(loaderContext, CODE_FILE);
|
|
});
|
|
|
|
it('with namespace/elementName pointing to files - only XML and CSS', (done) => {
|
|
const resolveMap = {
|
|
'app/nativescript-ui-chart/RadCartesianChart.xml': 'app/nativescript-ui-chart/RadCartesianChart.xml',
|
|
'app/nativescript-ui-chart/RadCartesianChart.css': 'app/nativescript-ui-chart/RadCartesianChart.css',
|
|
};
|
|
|
|
const expectedDeps = ['app/nativescript-ui-chart/RadCartesianChart.xml', 'app/nativescript-ui-chart/RadCartesianChart.css'];
|
|
|
|
const expectedRegs = [
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.xml', path: 'app/nativescript-ui-chart/RadCartesianChart.xml' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart.css', path: 'app/nativescript-ui-chart/RadCartesianChart.css' },
|
|
];
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs });
|
|
xmlNsLoader.call(loaderContext, CODE_FILE);
|
|
});
|
|
|
|
it('with plugin path', (done) => {
|
|
const resolveMap = {
|
|
'nativescript-ui-chart': 'node_module/nativescript-ui-chart/ui-chart.js',
|
|
};
|
|
|
|
const expectedDeps = [];
|
|
|
|
const expectedRegs = [
|
|
{ name: 'nativescript-ui-chart', path: 'nativescript-ui-chart' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart', path: 'nativescript-ui-chart' },
|
|
];
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs });
|
|
xmlNsLoader.call(loaderContext, CODE_FILE);
|
|
});
|
|
|
|
it('with ignored namespace should not add deps or register calls', (done) => {
|
|
const resolveMap = {
|
|
'app/nativescript-ui-chart': 'app/nativescript-ui-chart.js',
|
|
'app/nativescript-ui-chart.xml': 'app/nativescript-ui-chart.xml',
|
|
'app/nativescript-ui-chart.css': 'app/nativescript-ui-chart.css',
|
|
};
|
|
const expectedDeps = [];
|
|
const expectedRegs = [];
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, ignore: /nativescript\-ui\-chart/, assureNoDeps: true });
|
|
|
|
xmlNsLoader.call(loaderContext, CODE_FILE);
|
|
});
|
|
|
|
it('with XML declaration and Doctype does not fail', (done) => {
|
|
const resolveMap = {};
|
|
const expectedDeps = [];
|
|
const expectedRegs = [];
|
|
|
|
const testXml = `
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<!-- comment.xml -->
|
|
<Page xmlns="http://www.nativescript.org/tns.xsd"></Page>`;
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, assureNoDeps: true });
|
|
|
|
xmlNsLoader.call(loaderContext, testXml);
|
|
});
|
|
it('with invalid XML fails', (done) => {
|
|
const resolveMap = {};
|
|
const expectedDeps = [];
|
|
const expectedRegs = [];
|
|
|
|
const testXml = `<Page xmlns="http://www.nativescript.org/tns.xsd"></PageOpsWrongTagHere>`;
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, expectError: true });
|
|
|
|
xmlNsLoader.call(loaderContext, testXml);
|
|
});
|
|
|
|
it("doesn't throw with ios and android platform namespaces", (done) => {
|
|
const resolveMap = {};
|
|
const expectedDeps = [];
|
|
const expectedRegs = [];
|
|
|
|
const testXml = `
|
|
<Page xmlns="http://www.nativescript.org/tns.xsd">
|
|
<ios:GridLayout />
|
|
<android:GridLayout />
|
|
</Page>`;
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, assureNoDeps: true });
|
|
|
|
xmlNsLoader.call(loaderContext, testXml);
|
|
});
|
|
|
|
it("doesn't throw with ios and android platform namespaces", (done) => {
|
|
const resolveMap = {};
|
|
const expectedDeps = [];
|
|
const expectedRegs = [];
|
|
|
|
const testXml = `
|
|
<Page xmlns="http://www.nativescript.org/tns.xsd">
|
|
<ios:GridLayout />
|
|
<ios:GridLayout></ios:GridLayout>
|
|
<android:GridLayout />
|
|
<android:GridLayout></android:GridLayout>
|
|
</Page>`;
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, assureNoDeps: true });
|
|
|
|
xmlNsLoader.call(loaderContext, testXml);
|
|
});
|
|
|
|
it('throws with unbound namespace namespaces', (done) => {
|
|
const resolveMap = {};
|
|
const expectedDeps = [];
|
|
const expectedRegs = [];
|
|
|
|
const testXml = `
|
|
<Page xmlns="http://www.nativescript.org/tns.xsd">
|
|
<custom1:CustomComponent />
|
|
<custom2:CustomComponent />
|
|
</Page>`;
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, expectError: true });
|
|
|
|
xmlNsLoader.call(loaderContext, testXml);
|
|
});
|
|
|
|
it("with '&&', '||', '<=' and '>=' in binding expression, emits warnings, but does not fail", (done) => {
|
|
const resolveMap = {
|
|
'nativescript-ui-chart': 'node_module/nativescript-ui-chart/ui-chart.js',
|
|
};
|
|
|
|
const expectedDeps = [];
|
|
|
|
const expectedRegs = [
|
|
{ name: 'nativescript-ui-chart', path: 'nativescript-ui-chart' },
|
|
{ name: 'nativescript-ui-chart/RadCartesianChart', path: 'nativescript-ui-chart' },
|
|
];
|
|
|
|
const testXml = `
|
|
<Page xmlns="http://www.nativescript.org/tns.xsd">
|
|
<StackLayout xmlns:chart="nativescript-ui-chart">
|
|
<TextField text="{{ var1 && var2 || var1 >= var2 || var2 <= var1 }}" />
|
|
<chart:RadCartesianChart></chart:RadCartesianChart>
|
|
</StackLayout>
|
|
</Page>`;
|
|
|
|
const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, expectWarnings: 1 });
|
|
|
|
xmlNsLoader.call(loaderContext, testXml);
|
|
});
|
|
});
|