fix: remove shortening of description content (#1346)
* fix: remove shortening of description content * chore: remove test for removed functionality
This commit is contained in:
parent
9385e0f4c3
commit
4aa9bbaa23
@ -208,39 +208,6 @@ describe('Proposal header', () => {
|
||||
expect(screen.getByTestId('proposal-details')).toHaveTextContent('long');
|
||||
});
|
||||
|
||||
it('Renders Freeform proposal - extra long rationale (165 chars)', () => {
|
||||
render(
|
||||
renderComponent(
|
||||
generateProposal({
|
||||
id: 'extraLong',
|
||||
rationale: {
|
||||
title:
|
||||
'Aenean sem odio, eleifend non sodales vitae, porttitor eu ex. Aliquam erat volutpat. Fusce pharetra libero quis risus lobortis, sed ornare leo efficitur turpis duis.',
|
||||
description:
|
||||
'Aenean sem odio, eleifend non sodales vitae, porttitor eu ex. Aliquam erat volutpat. Fusce pharetra libero quis risus lobortis, sed ornare leo efficitur turpis duis.',
|
||||
},
|
||||
terms: {
|
||||
change: {
|
||||
__typename: 'NewFreeform',
|
||||
},
|
||||
},
|
||||
})
|
||||
)
|
||||
);
|
||||
// For a rationale over 160 chars, we expect the header to be truncated at 100
|
||||
// chars with ellipsis and the details-one element to contain 60 chars and also
|
||||
// be truncated with an ellipsis.
|
||||
expect(screen.getByTestId('proposal-title')).toHaveTextContent(
|
||||
'Aenean sem odio, eleifend non sodales vitae, porttitor eu ex. Aliquam erat volutpat. Fusce pharetra…'
|
||||
);
|
||||
expect(screen.getByTestId('proposal-description')).toHaveTextContent(
|
||||
'Aenean sem odio, eleifend non sodales vitae, porttitor eu e…'
|
||||
);
|
||||
expect(screen.getByTestId('proposal-details')).toHaveTextContent(
|
||||
'extraLong'
|
||||
);
|
||||
});
|
||||
|
||||
// Remove once proposals have rationale and re-enable above tests
|
||||
it('Renders Freeform proposal - id for title', () => {
|
||||
render(
|
||||
|
@ -18,7 +18,6 @@ export const ProposalHeader = ({ proposal }: { proposal: ProposalFields }) => {
|
||||
}
|
||||
|
||||
const titleContent = shorten(title, 100);
|
||||
const descriptionContent = shorten(description, 60);
|
||||
|
||||
switch (change.__typename) {
|
||||
case 'NewMarket': {
|
||||
@ -90,15 +89,9 @@ export const ProposalHeader = ({ proposal }: { proposal: ProposalFields }) => {
|
||||
{titleContent || t('Unknown proposal')}
|
||||
</h2>
|
||||
</header>
|
||||
{descriptionContent && (
|
||||
<div
|
||||
className="mb-4"
|
||||
{...(description.length > descriptionContent.length && {
|
||||
title: description,
|
||||
})}
|
||||
data-testid="proposal-description"
|
||||
>
|
||||
{descriptionContent}
|
||||
{description && (
|
||||
<div className="mb-4" data-testid="proposal-description">
|
||||
{description}
|
||||
</div>
|
||||
)}
|
||||
{details && <div data-testid="proposal-details">{details}</div>}
|
||||
|
Loading…
Reference in New Issue
Block a user