fix: Reduce padding to 5px for bounded text (#4530)

* fix: Reduce padding to 5px

* reduce width by 50 to fix tests

* Push the word if appending space exceeds max width when breaking words

* fix spec
This commit is contained in:
Aakansha Doshi 2022-01-03 17:59:26 +05:30 committed by GitHub
parent 28546fbb55
commit 5c67329be6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 26 deletions

View file

@ -9,14 +9,14 @@ describe("Test wrapText", () => {
[
{
desc: "break all words when width of each word is less than container width",
width: 140,
width: 90,
res: `Hello
whats
up`,
},
{
desc: "break all characters when width of each character is less than container width",
width: 75,
width: 25,
res: `H
e
l
@ -33,7 +33,7 @@ p`,
{
desc: "break words as per the width",
width: 200,
width: 150,
res: `Hello whats
up`,
},
@ -56,14 +56,14 @@ whats up`;
[
{
desc: "break all words when width of each word is less than container width",
width: 140,
width: 90,
res: `Hello
whats
up`,
},
{
desc: "break all characters when width of each character is less than container width",
width: 75,
width: 25,
res: `H
e
l
@ -80,7 +80,7 @@ p`,
{
desc: "break words as per the width",
width: 200,
width: 150,
res: `Hello
whats up`,
},
@ -103,7 +103,7 @@ whats up`,
[
{
desc: "fit characters of long string as per container width",
width: 220,
width: 170,
res: `hellolongtextth
isiswhatsupwith
youIamtypingggg
@ -114,19 +114,19 @@ break it now`,
{
desc: "fit characters of long string as per container width and break words as per the width",
width: 180,
width: 130,
res: `hellolongte
xtthisiswha
tsupwithyou
Iamtypinggg
ggandtyping
gg break it
gg break it
now`,
},
{
desc: "fit the long text when container width is greater than text length and move the rest to next line",
width: 650,
width: 600,
res: `hellolongtextthisiswhatsupwithyouIamtypingggggandtypinggg
break it now`,
},