fix #19869: Other columns are not visible when testSuite name is large (#20121)

This commit is contained in:
Shailesh Parmar 2025-03-07 12:37:04 +05:30 committed by GitHub
parent 40a9c67875
commit c65a504ffd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -10,7 +10,7 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
import { Button, Col, Form, Row, Select, Space } from 'antd'; import { Button, Col, Form, Row, Select, Space, Typography } from 'antd';
import { ColumnsType } from 'antd/lib/table'; import { ColumnsType } from 'antd/lib/table';
import { AxiosError } from 'axios'; import { AxiosError } from 'axios';
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
@ -115,6 +115,7 @@ export const TestSuites = () => {
title: t('label.name'), title: t('label.name'),
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
width: 600,
sorter: (a, b) => { sorter: (a, b) => {
if (a.basic) { if (a.basic) {
// Sort for basic test suites // Sort for basic test suites
@ -133,7 +134,9 @@ export const TestSuites = () => {
}, },
sortDirections: ['ascend', 'descend'], sortDirections: ['ascend', 'descend'],
render: (name, record) => { render: (name, record) => {
return record.basic ? ( return (
<Typography.Paragraph className="m-0" style={{ maxWidth: 580 }}>
{record.basic ? (
<Link <Link
data-testid={name} data-testid={name}
to={{ to={{
@ -152,9 +155,13 @@ export const TestSuites = () => {
) : ( ) : (
<Link <Link
data-testid={name} data-testid={name}
to={getTestSuitePath(record.fullyQualifiedName ?? record.name)}> to={getTestSuitePath(
record.fullyQualifiedName ?? record.name
)}>
{getEntityName(record)} {getEntityName(record)}
</Link> </Link>
)}
</Typography.Paragraph>
); );
}, },
}, },