golden-layout/test/minifier-tests.js

A multi-screen javascript Layout manager https://golden-layout.com

/* global GoldenLayout */
describe( 'Can minify and unminify configuration objects', function(){
	
	it( 'has minification methods', function(){
		expect( typeof GoldenLayout.minifyConfig ).toBe( 'function' );
		expect( typeof GoldenLayout.unminifyConfig ).toBe( 'function' );
	});

	it( 'doesn\'t manipulate the original config', function(){
		var minifiedTestConfig = GoldenLayout.minifyConfig( testConfig );
		expect( typeof minifiedTestConfig ).toBe( 'object' );
		expect( minifiedTestConfig === testConfig ).toBe( false );
	});

	it( 'minifies and unminifies the config directly', function(){
		var min = GoldenLayout.minifyConfig( testConfig ),
			max = GoldenLayout.unminifyConfig( min );

		expect( JSON.stringify( max ) ).toBe( JSON.stringify( testConfig ) );
	});

	it( 'doesn\'t change single character keys and values', function(){
		var conf = { 'a': 'some', 'thing': 'b' },
			min = GoldenLayout.minifyConfig( conf ),
			max = GoldenLayout.unminifyConfig( min );

		expect( JSON.stringify( max ) ).toBe( JSON.stringify( conf ) );
	});

	var testConfig = {
		dimensions: {
			borderWidth: 5
		},

		content:[
			{
				type: 'row',
				content:[
					{
						width: 80,
						type: 'column',
						content:[
							{
								type: 'component',
								componentName: 'watchlist',
								componentState: { 'instruments': [ 'MSFT', 'GOOG', 'AAPL' ] }
							},
							{
								isClosable: false,
								type: 'row',
								content:[
									{
										type: 'component',
										componentName: 'research'
									},
									{
										type: 'component',
										componentName: 'research'
									}
								]
							},
							{
								type: 'stack',
								content:[
									{
										type: 'component',
										componentName: 'research',
										componentState: { index: 1 }
									},
									{
										isClosable: false,
										type: 'component',
										componentName: 'research',
										componentState: { index: 2 }
									},
									{
										type: 'component',
										componentName: 'research',
										componentState: { index: 3 }
									}
								]
							}
						]
					},
					{
						width: 20,
						type: 'column',
						content: [
							{
								height: 30,
								type: 'component',
								componentName: 'commentary',
								componentState: { 'feedTopic': 'us-bluechips' }
							},
							{
								type: 'component',
								componentName: 'commentary',
								componentState: { 'feedTopic': 'lse' }
							}
						]
					}
				]
			}
		]
	};
	
});