56 lines
1.9 KiB
JavaScript
56 lines
1.9 KiB
JavaScript
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import { setLogoWidth } from '../utils';
|
||
|
|
|
||
|
|
describe( 'setLogoWidth', () => {
|
||
|
|
it( 'should replace the width value in the JSON object with 60', () => {
|
||
|
|
const input = `<!-- wp:site-logo {"shouldSyncIcon":false} /-->`;
|
||
|
|
const expectedOutput = `<!-- wp:site-logo {"shouldSyncIcon":false,"width":60} /-->`;
|
||
|
|
expect( setLogoWidth( input ) ).toEqual( expectedOutput );
|
||
|
|
} );
|
||
|
|
|
||
|
|
it( 'should add a width value of 60 to the JSON object if it does not exist', () => {
|
||
|
|
const input = `<!-- wp:site-logo /-->`;
|
||
|
|
const expectedOutput = `<!-- wp:site-logo {"width":60} /-->`;
|
||
|
|
expect( setLogoWidth( input ) ).toEqual( expectedOutput );
|
||
|
|
} );
|
||
|
|
|
||
|
|
it( 'should replace the width value in the JSON object for multiple instances', () => {
|
||
|
|
const input = `
|
||
|
|
<!-- wp:site-logo {"width":120} /-->
|
||
|
|
<!-- wp:site-logo /-->
|
||
|
|
`;
|
||
|
|
const expectedOutput = `
|
||
|
|
<!-- wp:site-logo {"width":60} /-->
|
||
|
|
<!-- wp:site-logo {"width":60} /-->
|
||
|
|
`;
|
||
|
|
expect( setLogoWidth( input ) ).toEqual( expectedOutput );
|
||
|
|
} );
|
||
|
|
|
||
|
|
it( 'should handle other properties in the JSON object', () => {
|
||
|
|
const input = `<!-- wp:site-logo {"width":120,"height":80} /-->`;
|
||
|
|
const expectedOutput = `<!-- wp:site-logo {"width":60,"height":80} /-->`;
|
||
|
|
expect( setLogoWidth( input ) ).toEqual( expectedOutput );
|
||
|
|
} );
|
||
|
|
|
||
|
|
it( 'should not modify other comments in the input', () => {
|
||
|
|
const input = `
|
||
|
|
<!-- wp:site-logo {"width":120} /-->
|
||
|
|
<!-- Some other comment -->
|
||
|
|
`;
|
||
|
|
const expectedOutput = `
|
||
|
|
<!-- wp:site-logo {"width":60} /-->
|
||
|
|
<!-- Some other comment -->
|
||
|
|
`;
|
||
|
|
expect( setLogoWidth( input ) ).toEqual( expectedOutput );
|
||
|
|
} );
|
||
|
|
|
||
|
|
it( 'should use the provided width if specified', () => {
|
||
|
|
const input = `<!-- wp:site-logo {"width":120} /-->`;
|
||
|
|
const customWidth = 80;
|
||
|
|
const expectedOutput = `<!-- wp:site-logo {"width":80} /-->`;
|
||
|
|
expect( setLogoWidth( input, customWidth ) ).toEqual( expectedOutput );
|
||
|
|
} );
|
||
|
|
} );
|