cvat-ai · archibald1418 · Nov 12, 2025 · Oct 29, 2025 · Oct 29, 2025 · Oct 29, 2025
@@ -0,0 +1,5 @@
+### Changed
+
+- Change expiration date format view in 'Security' -> 'Create API Token'
+  from default ISO to DD/MM/YYYY so that it matches the dates in the token table
+  (<https://github.com/cvat-ai/cvat/pull/9975>)
@@ -9,6 +9,7 @@ import { CombinedState } from 'reducers';
 import { UserOutlined, LockOutlined } from '@ant-design/icons';
 import { Col, Row } from 'antd/lib/grid';
 import Typography from 'antd/lib/typography';
+import Text from 'antd/lib/typography/Text';
 import Menu from 'antd/lib/menu';
 
 import { getTabFromHash } from 'utils/location-utils';
@@ -35,12 +36,12 @@ function ProfilePageComponent(): JSX.Element {
         {
             key: 'profile',
             icon: <UserOutlined />,
-            label: 'Profile',
+            label: <Text className='cvat-profile-page-menu-item-profile'>Profile</Text>,
         },
         {
             key: 'security',
             icon: <LockOutlined />,
-            label: 'Security',
+            label: <Text className='cvat-profile-page-menu-item-security'>Security</Text>,
         },
     ];
 
@@ -73,7 +74,7 @@ function ProfilePageComponent(): JSX.Element {
             { fetching ? <CVATLoadingSpinner size='large' /> : null }
             <Row justify='center' align='middle'>
                 <Col {...dimensions}>
-                    <Title level={1}>
+                    <Title level={1} className='cvat-profile-page-welcome'>
                         {`Welcome, ${user?.username}`}
                     </Title>
                 </Col>

@@ -42,7 +42,13 @@ function ApiTokenCreatedModal({
             open={visible}
             onCancel={onClose}
             footer={[
-                <Button key='close' type='primary' onClick={onClose} style={{ background: '#faad14' }}>
+                <Button
+                    key='close'
+                    type='primary'
+                    onClick={onClose}
+                    style={{ background: '#faad14' }}
+                    className='cvat-api-token-created-modal-confirm-saved-button'
+                >
                     I have&nbsp;
                     <strong>securely</strong>
                     &nbsp;saved my token

@@ -93,6 +93,7 @@ function ApiTokenForm({
                     style={{ width: '100%' }}
                     placeholder='Select expiration date'
                     disabledDate={(current) => current && current.valueOf() < Date.now()}
+                    format='DD/MM/YYYY'
                 />
             </Form.Item>
             <Form.Item

@@ -89,13 +89,15 @@ function ApiTokensCard(): JSX.Element {
             okButtonProps: {
                 type: 'primary',
                 danger: true,
+                className: 'cvat-api-token-revoke-button',
             },
             cancelText: 'Cancel',
             onOk: () => {
                 dispatch(revokeApiTokenAsync(token, () => {
                     dispatch(getApiTokensAsync());
                 }));
             },
+            className: 'cvat-modal-confirm-revoke-token',
         });
     }, [dispatch]);
 
@@ -131,6 +133,7 @@ function ApiTokensCard(): JSX.Element {
             key: 'name',
             width: 250,
             sorter: (a: RowData, b: RowData) => a.name.localeCompare(b.name),
+            className: 'cvat-api-token-name',
         },
         {
             title: 'Permissions',
@@ -151,13 +154,15 @@ function ApiTokensCard(): JSX.Element {
                     {readOnly ? 'Read Only' : 'Read/Write'}
                 </Tag>
             ),
+            className: 'cvat-api-token-permissions',
         },
         {
             title: 'Created',
             dataIndex: 'createdDate',
             key: 'createdDate',
             sorter: (a: RowData, b: RowData) => new Date(a.createdDate).getTime() - new Date(b.createdDate).getTime(),
             render: (date: string) => new Date(date).toLocaleDateString(),
+            className: 'cvat-api-token-created-date',
         },
         {
             title: 'Expires',
@@ -172,6 +177,7 @@ function ApiTokensCard(): JSX.Element {
             render: (date: string | null) => (
                 date ? new Date(date).toLocaleDateString() : <Text underline>Never</Text>
             ),
+            className: 'cvat-api-token-expire-date',
         },
         {
             title: 'Last Used',
@@ -184,6 +190,7 @@ function ApiTokensCard(): JSX.Element {
                 return new Date(a.lastUsedDate).getTime() - new Date(b.lastUsedDate).getTime();
             },
             render: (date: string | null) => (date ? new Date(date).toLocaleDateString() : 'Never'),
+            className: 'cvat-api-token-last-used',
         },
         {
             title: 'Actions',
@@ -207,6 +214,7 @@ function ApiTokensCard(): JSX.Element {
                             },
                         ],
                     }}
+                    className='cvat-api-token-actions-menu'
                     trigger={['click']}
                 >
                     <Button type='text' icon={<MoreOutlined />} />

@@ -338,6 +338,7 @@ export default function (state = defaultState, action: AnyAction): Notifications
                         ...state.messages.auth,
                         changePasswordDone: {
                             message: 'New password has been saved.',
+                            className: 'cvat-notification-notice-change-password-success',
                         },
                     },
                 },

@@ -4,52 +4,33 @@
 
 /// <reference types="cypress" />
 
-import { taskName } from '../../support/const';
-
-Cypress.automation('remote:debugger:protocol', {
-    command: 'Browser.grantPermissions',
-    params: {
-        permissions: ['clipboardReadWrite', 'clipboardSanitizedWrite'],
-        origin: window.location.origin,
-    },
-});
+import { taskName, ClipboardCtx } from '../../support/const';
 
 context('Copy frame filename in job', () => {
+    const clipboard = new ClipboardCtx('.cvat-player-copy-frame-name-icon');
+
     before(() => {
         cy.prepareUserSession();
         cy.openTaskJob(taskName);
     });
     beforeEach(() => {
-        cy.window()
-            .its('navigator.clipboard')
-            .then((clipboard) => {
-                cy.spy(clipboard, 'writeText').as('copyTextToClipboard');
-            });
+        clipboard.init();
     });
     describe('Open job, trigger events that change clipboard content', () => {
         function scrapeFrameFilename() {
             return cy.get('.cvat-player-filename-wrapper').invoke('text');
         }
 
-        function copyToclipboard() {
-            cy.get('.cvat-player-copy-frame-name-icon').click();
-            return cy.get('@copyTextToClipboard').should('be.called')
-                .then((stub) => {
-                    const last = stub.args.length - 1;
-                    return cy.wrap(stub.args[last][0]);
-                });
-        }
-
         it('Check that frame filename can be copied to clipboard', () => {
             scrapeFrameFilename().then((fileName) => {
-                copyToclipboard().should('equal', fileName);
+                clipboard.copy().should('equal', fileName);
             });
         });
 
         it('Check clipboard after switching frames', () => {
             cy.goToNextFrame(1);
             scrapeFrameFilename().then((fileName) => {
-                copyToclipboard().should('equal', fileName);
+                clipboard.copy().should('equal', fileName);
             });
         });
     });