woocommerce/plugins/woocommerce-admin/client/inbox-panel/test/utils.js

55 lines
1.7 KiB
JavaScript

/**
* Internal dependencies
*/
import { truncateRenderableHTML } from '../utils';
describe( 'truncateRenderableHTML', () => {
test( 'it should recover malformed HTML when truncated', () => {
const malformed = '<div>this is a test sentence</asdf>';
expect( truncateRenderableHTML( malformed, 7 ) ).toBe(
'<div>this is</div>...'
);
} );
test( 'it should not truncate if the length does not exceed', () => {
const sample = '<div>this is a test sentence</div>';
expect( truncateRenderableHTML( sample, sample.length ) ).toBe(
sample
);
} );
test( 'it should consider &nbsp; as a single space', () => {
const samplewithSpace = '<div>this &nbsp;&nbsp; is</div>';
// this(4 chars) + space (1 char) + &nbsp;&nbsp;(2 chars) = 7
expect( truncateRenderableHTML( samplewithSpace, 7 ) ).toBe(
'<div>this &nbsp;&nbsp;</div>...'
);
} );
test( 'it should not count nested tags as text', () => {
const sampleWithNestedTags = '<div>this <br/><br/> is</div>';
// this (4 chars) + space (1 char) + space (1char) + is (2 chars)) = 8
expect( truncateRenderableHTML( sampleWithNestedTags, 8 ) ).toBe(
'<div>this <br/><br/> is</div>'
);
} );
test( 'it should work with unicode text', () => {
const sampleWithUnicode = '<div>테스트 입니다.</div>';
expect( truncateRenderableHTML( sampleWithUnicode, 3 ) ).toBe(
'<div>테스트</div>...'
);
} );
test( 'it should preserve whole words when truncated', () => {
const sample = '<div>this is a test sentence</div>';
// it should return 'this is a' (9 chars) when length 11 is given
// since 'this is a t' (11 chars) cannot include 'test' word without
// breaking the word.
expect( truncateRenderableHTML( sample, 11 ) ).toBe(
'<div>this is a</div>...'
);
} );
} );