mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
316 lines
9.9 KiB
TypeScript
316 lines
9.9 KiB
TypeScript
import { ImageSource } from '@nativescript/core/image-source';
|
|
import * as imageAssetModule from '@nativescript/core/image-asset';
|
|
import * as fs from '@nativescript/core/file-system';
|
|
import * as app from '@nativescript/core/application';
|
|
import * as TKUnit from '../tk-unit';
|
|
import { Font } from '@nativescript/core/ui/styling/font';
|
|
import { Color } from '@nativescript/core/color';
|
|
|
|
const imagePath = '~/assets/logo.png';
|
|
const splashscreenPath = '~/assets/splashscreen.png';
|
|
const splashscreenWidth = 372;
|
|
const splashscreenHeight = 218;
|
|
const smallImagePath = '~/assets/small-image.png';
|
|
|
|
export function testFromResource() {
|
|
// >> imagesource-resname
|
|
const img = ImageSource.fromResourceSync('icon');
|
|
// << imagesource-resname
|
|
|
|
TKUnit.assert(img.height > 0, 'image.fromResource failed');
|
|
}
|
|
|
|
export function testFromUrl(done) {
|
|
let result: ImageSource;
|
|
|
|
// Deprecated method fromUrl
|
|
ImageSource.fromUrl('https://www.google.com/images/errors/logo_sm_2.png').then(
|
|
(res: ImageSource) => {
|
|
// console.log("Image successfully loaded");
|
|
// completed = true;
|
|
result = res;
|
|
try {
|
|
TKUnit.assertNotEqual(result, undefined, 'Image not downloaded');
|
|
TKUnit.assert(result.height > 0, 'Image not downloaded');
|
|
done(null);
|
|
} catch (e) {
|
|
done(e);
|
|
}
|
|
},
|
|
(error) => {
|
|
// console.log("Error loading image: " + error);
|
|
//completed = true;
|
|
done(error);
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testSaveToFile() {
|
|
// >> imagesource-save-to
|
|
const img = ImageSource.fromFileSync(imagePath);
|
|
const folder = fs.knownFolders.documents();
|
|
const path = fs.path.join(folder.path, 'test.png');
|
|
const saved = img.saveToFile(path, 'png');
|
|
// << imagesource-save-to
|
|
TKUnit.assert(saved, 'Image not saved to file');
|
|
TKUnit.assert(fs.File.exists(path), 'Image not saved to file');
|
|
}
|
|
|
|
export function testSaveToFile_WithQuality() {
|
|
const img = ImageSource.fromFileSync(imagePath);
|
|
const folder = fs.knownFolders.documents();
|
|
const path = fs.path.join(folder.path, 'test.png');
|
|
const saved = img.saveToFile(path, 'png', 70);
|
|
TKUnit.assert(saved, 'Image not saved to file');
|
|
TKUnit.assert(fs.File.exists(path), 'Image not saved to file');
|
|
}
|
|
|
|
export function testFromFile() {
|
|
// >> imagesource-load-local
|
|
const folder = fs.knownFolders.documents();
|
|
const path = fs.path.join(folder.path, 'test.png');
|
|
const img = ImageSource.fromFileSync(path);
|
|
// << imagesource-load-local
|
|
|
|
TKUnit.assert(img.height > 0, 'image.fromResource failed');
|
|
|
|
// remove the image from the file system
|
|
const file = folder.getFile('test.png');
|
|
file.remove();
|
|
TKUnit.assert(!fs.File.exists(path), 'test.png not removed');
|
|
}
|
|
|
|
export function testFromAssetFileNotFound(done) {
|
|
let asset = new imageAssetModule.ImageAsset('invalidFile.png');
|
|
asset.options = {
|
|
width: 0,
|
|
height: 0,
|
|
keepAspectRatio: true,
|
|
};
|
|
|
|
ImageSource.fromAsset(asset).then(
|
|
(source) => {
|
|
done('Should not resolve with invalid file name.');
|
|
},
|
|
(error) => {
|
|
TKUnit.assertNotNull(error);
|
|
done();
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testFromAssetSimple(done) {
|
|
let asset = new imageAssetModule.ImageAsset(splashscreenPath);
|
|
asset.options = {
|
|
width: 0,
|
|
height: 0,
|
|
keepAspectRatio: true,
|
|
};
|
|
|
|
ImageSource.fromAsset(asset).then(
|
|
(source) => {
|
|
TKUnit.assertEqual(source.width, splashscreenWidth);
|
|
TKUnit.assertEqual(source.height, splashscreenHeight);
|
|
done();
|
|
},
|
|
(error) => {
|
|
done(error);
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testFromAssetWithExactScaling(done) {
|
|
let asset = new imageAssetModule.ImageAsset(splashscreenPath);
|
|
let scaleWidth = 10;
|
|
let scaleHeight = 11;
|
|
asset.options = {
|
|
width: scaleWidth,
|
|
height: scaleHeight,
|
|
keepAspectRatio: false,
|
|
autoScaleFactor: false,
|
|
};
|
|
|
|
ImageSource.fromAsset(asset).then(
|
|
(source) => {
|
|
TKUnit.assertEqual(source.width, scaleWidth);
|
|
TKUnit.assertEqual(source.height, scaleHeight);
|
|
|
|
const targetFilename = `splashscreenTemp.png`;
|
|
const tempPath = fs.knownFolders.temp().path;
|
|
const localFullPath = fs.path.join(tempPath, targetFilename);
|
|
|
|
const fullImageSaved = source.saveToFile(localFullPath, 'png');
|
|
|
|
if (fullImageSaved) {
|
|
ImageSource.fromFile(localFullPath).then((sourceImage) => {
|
|
TKUnit.assertEqual(sourceImage.width, scaleWidth);
|
|
TKUnit.assertEqual(sourceImage.height, scaleHeight);
|
|
done();
|
|
});
|
|
} else {
|
|
done(`Error saving photo to local temp folder: ${localFullPath}`);
|
|
}
|
|
},
|
|
(error) => {
|
|
done(error);
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testFromAssetWithScalingAndAspectRatio(done) {
|
|
let asset = new imageAssetModule.ImageAsset(splashscreenPath);
|
|
let scaleWidth = 10;
|
|
let scaleHeight = 11;
|
|
asset.options = {
|
|
width: scaleWidth,
|
|
height: scaleHeight,
|
|
keepAspectRatio: true,
|
|
};
|
|
|
|
ImageSource.fromAsset(asset).then(
|
|
(source) => {
|
|
TKUnit.assertEqual(source.width, 18);
|
|
TKUnit.assertEqual(source.height, scaleHeight);
|
|
done();
|
|
},
|
|
(error) => {
|
|
done(error);
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testFromAssetWithScalingAndDefaultAspectRatio(done) {
|
|
let asset = new imageAssetModule.ImageAsset(splashscreenPath);
|
|
let scaleWidth = 10;
|
|
let scaleHeight = 11;
|
|
asset.options.width = scaleWidth;
|
|
asset.options.height = scaleHeight;
|
|
|
|
ImageSource.fromAsset(asset).then(
|
|
(source) => {
|
|
TKUnit.assertEqual(source.width, 18);
|
|
TKUnit.assertEqual(source.height, scaleHeight);
|
|
done();
|
|
},
|
|
(error) => {
|
|
done(error);
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testFromAssetWithBiggerScaling(done) {
|
|
let asset = new imageAssetModule.ImageAsset(splashscreenPath);
|
|
let scaleWidth = 600;
|
|
let scaleHeight = 600;
|
|
asset.options = {
|
|
width: scaleWidth,
|
|
height: scaleHeight,
|
|
keepAspectRatio: false,
|
|
};
|
|
|
|
ImageSource.fromAsset(asset).then(
|
|
(source) => {
|
|
TKUnit.assertEqual(source.width, scaleWidth);
|
|
TKUnit.assertEqual(source.height, scaleHeight);
|
|
done();
|
|
},
|
|
(error) => {
|
|
done(error);
|
|
}
|
|
);
|
|
}
|
|
|
|
export function testNativeFields() {
|
|
const img = ImageSource.fromFileSync(imagePath);
|
|
if (app.android) {
|
|
TKUnit.assert(img.android != null, 'Image.android not updated.');
|
|
} else if (app.ios) {
|
|
TKUnit.assert(img.ios != null, 'Image.ios not updated.');
|
|
}
|
|
}
|
|
const fullAndroidPng = 'iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAA3NCSVQICAjb4U/gAAAAFUlEQVQImWP8z4AAjAz/kTnIPGQAAG86AwGcuMlCAAAAAElFTkSuQmCC';
|
|
const fullIosPng = 'iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAABxpRE9UAAAAAgAAAAAAAAACAAAAKAAAAAIAAAACAAAARiS4uJEAAAASSURBVBgZYvjPwABHSMz/DAAAAAD//0GWpK0AAAAOSURBVGNgYPiPhBgQAACEvQv1D5y/pAAAAABJRU5ErkJggg==';
|
|
|
|
const jpgImageAsBase64String =
|
|
'/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAEAAQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+Pz/h5j+1Z/z9fBr/AMRt+AH/AM7uiiiv9fV9E36KOn/HMX0f+n/NlvDT/p3/ANUv/V3vrf8AP1nueaf8LOa9P+ZjjP8Ap3/0/wD6u99b/wD/2Q==';
|
|
const expectedJpegStart = '/9j/4AAQSkZJRgAB';
|
|
const expectedPngStart = 'iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAA';
|
|
|
|
export function testBase64Encode_PNG() {
|
|
// >> imagesource-to-base-string
|
|
const img = ImageSource.fromFileSync(smallImagePath);
|
|
let base64String = img.toBase64String('png');
|
|
// << imagesource-to-base-string
|
|
|
|
base64String = base64String.substr(0, expectedPngStart.length);
|
|
TKUnit.assertEqual(base64String, expectedPngStart, 'Base 64 encoded PNG');
|
|
}
|
|
|
|
export function testBase64Encode_PNG_WithQuality() {
|
|
const img = ImageSource.fromFileSync(smallImagePath);
|
|
let base64String = img.toBase64String('png', 80);
|
|
base64String = base64String.substr(0, expectedPngStart.length);
|
|
TKUnit.assertEqual(base64String, expectedPngStart, 'Base 64 encoded PNG');
|
|
}
|
|
|
|
export function testBase64Encode_JPEG() {
|
|
const img = ImageSource.fromFileSync(smallImagePath);
|
|
|
|
let base64String = img.toBase64String('jpeg');
|
|
base64String = base64String.substr(0, expectedJpegStart.length);
|
|
|
|
TKUnit.assertEqual(base64String, expectedJpegStart, 'Base 64 encoded JPEG');
|
|
}
|
|
|
|
export function testBase64Encode_JPEG_With_Quality() {
|
|
const img = ImageSource.fromFileSync(smallImagePath);
|
|
|
|
let base64String = img.toBase64String('jpeg', 80);
|
|
base64String = base64String.substr(0, expectedJpegStart.length);
|
|
|
|
TKUnit.assertEqual(base64String, expectedJpegStart, 'Base 64 encoded JPEG');
|
|
}
|
|
|
|
export function testLoadFromBase64Encode_JPEG() {
|
|
// >> imagesource-from-base-string
|
|
let img: ImageSource;
|
|
img = ImageSource.fromBase64Sync(jpgImageAsBase64String);
|
|
// << imagesource-from-base-string
|
|
|
|
TKUnit.assert(img !== null, 'Actual: ' + img);
|
|
TKUnit.assertEqual(img.width, 4, 'img.width');
|
|
TKUnit.assertEqual(img.height, 4, 'img.height');
|
|
}
|
|
|
|
export function testLoadFromBase64Encode_PNG() {
|
|
let img: ImageSource;
|
|
if (app.android) {
|
|
img = ImageSource.fromBase64Sync(fullAndroidPng);
|
|
} else if (app.ios) {
|
|
img = ImageSource.fromBase64Sync(fullIosPng);
|
|
}
|
|
|
|
TKUnit.assert(img !== null, 'Actual: ' + img);
|
|
TKUnit.assertEqual(img.width, 4, 'img.width');
|
|
TKUnit.assertEqual(img.height, 4, 'img.height');
|
|
}
|
|
|
|
export function testLoadFromFontIconCode() {
|
|
let img: ImageSource;
|
|
img = ImageSource.fromFontIconCodeSync('F10B', Font.default.withFontFamily('FontAwesome'), new Color('red'));
|
|
|
|
TKUnit.assert(img !== null, 'Actual: ' + img);
|
|
TKUnit.assert(img.width !== null, 'img.width');
|
|
TKUnit.assert(img.height !== null, 'img.width');
|
|
}
|
|
|
|
export function testResize() {
|
|
const img = ImageSource.fromFileSync(imagePath);
|
|
|
|
const newSize = Math.floor(Math.max(img.width, img.height) / 2);
|
|
|
|
const resized = img.resize(newSize);
|
|
|
|
TKUnit.assert(resized.width === newSize || resized.height === newSize, 'Image not resized correctly');
|
|
}
|