2017-05-11 02:13:21 +03:00
|
|
|
// Wrapping text
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
Some text that would need to wrap on to a new line in order to display correctly and nicely
|
|
|
|
</div>
|
|
|
|
|
|
|
|
// Wrapping tags
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
<first>f</first> <first>f</first> <first>f</first> <first>f</first> <first>f</first> <first>f</first>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
// Wrapping tags
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
<first>f</first><first>f</first><first>f</first><first>f</first><first>f</first><first>f</first>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
// Wrapping tags
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
<a /><b /><c />
|
|
|
|
<first>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</first> <first>f</first>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
// Wrapping tags
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
<sadashdkjahsdkjhaskjdhaksjdhkashdkashdkasjhdkajshdkashdkashd /> <first>f</first>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
before<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at mollis lorem.</div>after
|
|
|
|
</div>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
before{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}{stuff}{stuff}after{stuff}after
|
|
|
|
</div>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
before {stuff} after {stuff} after {stuff} after {stuff} after {stuff} after {stuff} {stuff} {stuff} after {stuff} after
|
|
|
|
</div>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
Please state your <b>name</b> and <b>occupation</b> for the board of <b>school</b> directors.
|
|
|
|
</div>
|
|
|
|
|
|
|
|
function DiffOverview(props) {
|
|
|
|
const { source, target, since } = props;
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div className="alert alert-info">
|
|
|
|
<p>
|
|
|
|
This diff overview is computed against the current list of records in
|
|
|
|
this collection and the list it contained on <b>{humanDate(since)}</b>.
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
<b>Note:</b> <code>last_modified</code> and <code>schema</code> record metadata
|
|
|
|
are omitted for easier review.
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<Diff source={source} target={target} />
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
x = <font size={-3}><i>Starting at minute {graphActivity.startTime}, running for {graphActivity.length} to minute {graphActivity.startTime + graphActivity.length}</i></font>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
First second third
|
|
|
|
<div attr="a very long string attribute that will overflow because it is very long">Something</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
First
|
|
|
|
</div>
|
|
|
|
Second
|
|
|
|
<div>
|
|
|
|
Third
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
x =
|
|
|
|
<div>
|
|
|
|
First <div>
|
|
|
|
Second
|
|
|
|
</div> Third
|
|
|
|
</div>
|
2017-05-23 01:32:57 +03:00
|
|
|
|
|
|
|
leading_whitespace =
|
|
|
|
<div> First Second Third Fourth Fifth Sixth Seventh Eighth Ninth Tenth Eleventh Twelfth Thirteenth Fourteenth</div>
|
|
|
|
|
2017-05-31 20:16:50 +03:00
|
|
|
trailing_whitespace =
|
|
|
|
<div>First Second Third Fourth Fifth Sixth Seventh Eighth Ninth Tenth Eleventh Twelfth Thirteenth Fourteenth </div>
|
|
|
|
|
|
|
|
no_leading_or_trailing_whitespace =
|
2017-05-23 01:32:57 +03:00
|
|
|
<div>First Second Third Fourth Fifth Sixth Seventh Eighth Ninth Tenth Eleventh Twelfth Thirteenth Fourteenth</div>
|
2017-05-23 21:56:21 +03:00
|
|
|
|
|
|
|
facebook_translation_leave_text_around_tag =
|
|
|
|
<div>
|
|
|
|
<span>
|
|
|
|
First
|
|
|
|
</span>,
|
|
|
|
(<span>
|
|
|
|
Second
|
|
|
|
</span>)
|
|
|
|
</div>
|
|
|
|
|
|
|
|
this_really_should_split_across_lines =
|
|
|
|
<div>
|
|
|
|
before{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after{stuff}after
|
|
|
|
</div>
|
2017-05-31 19:42:36 +03:00
|
|
|
|
|
|
|
unstable_before =
|
|
|
|
<div className="yourScore">
|
|
|
|
Your score: <span className="score">{`${mini.crosstable.users[sessionUserId]} - ${mini.crosstable.users[user.id]}`}</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
unstable_after_first_run = (
|
|
|
|
<div className="yourScore">
|
2017-06-05 23:52:54 +03:00
|
|
|
Your score:{" "}
|
2017-05-31 19:42:36 +03:00
|
|
|
<span className="score">{`${mini.crosstable.users[sessionUserId]} - ${mini
|
|
|
|
.crosstable.users[user.id]}`}</span>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
solitary_whitespace =
|
|
|
|
<div first="first" second="second" third="third" fourth="fourth" fifth="fifth" sixth="sixth"> </div>
|
2017-05-31 20:16:50 +03:00
|
|
|
|
|
|
|
jsx_whitespace_on_newline =
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
First
|
|
|
|
</div> <div>
|
|
|
|
Second
|
|
|
|
</div> <div>
|
|
|
|
Third
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
jsx_around_multiline_element =
|
|
|
|
<div>Before <div>{"Enough text to make this element wrap on to multiple lines when formatting"}</div> After</div>
|
|
|
|
|
|
|
|
jsx_around_multiline_element_second_pass = (
|
|
|
|
<div>
|
2017-06-05 23:52:54 +03:00
|
|
|
Before{" "}
|
|
|
|
<div>
|
2017-05-31 20:16:50 +03:00
|
|
|
{
|
|
|
|
"Enough text to make this element wrap on to multiple lines when formatting"
|
|
|
|
}
|
2017-06-05 23:52:54 +03:00
|
|
|
</div>{" "}
|
|
|
|
After
|
2017-05-31 20:16:50 +03:00
|
|
|
</div>
|
|
|
|
);
|