test: test the new message, update the snapshot

src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/__snapshots__/index.test.jsx.snap

@@ -3,7 +3,7 @@
 exports[`DurationWidget render snapshots: renders as expected with default props 1`] = `
 <injectIntl(ShimmedIntlComponent)
   fontSize="x-small"
-  subtitle="Total: 00:00:00"
+  subtitle="Custom: 00:00:00"
   title="Duration"
 >
   <FormattedMessage
@@ -52,9 +52,13 @@ exports[`DurationWidget render snapshots: renders as expected with default props
     </Form.Group>
   </Form.Row>
   <div
-    className="mt-4"
+    className="mt-4 mx-2 text-right"
   >
-    Total: 00:00:00
+    <span
+      className="p-2 total-label rounded"
+    >
+      Total: 00:00:00
+    </span>
   </div>
 </injectIntl(ShimmedIntlComponent)>
 `;

src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/hooks.test.js

@@ -120,10 +120,20 @@ describe('Video Settings DurationWidget hooks', () => {
               startTime: '00:00:00',
               stopTime: '00:00:10',
             },
-            subtitle: true,
+            subtitle: false,
             intl,
           })).toEqual(messages.total);
         });
+        describe('returns custom message when at least stopTime is set and subtitle is true', () => {
+          expect(testMethod.getTotalLabel({
+            durationString: {
+              startTime: '00:00:00',
+              stopTime: '00:00:10',
+            },
+            subtitle: true,
+            intl,
+          })).toEqual(messages.custom);
+        });
       });
     });
   });