From 897c440f26b8075d28d89d444bd69e7a80775abe Mon Sep 17 00:00:00 2001
From: 0x29a <demid@opencraft.com>
Date: Wed, 1 Mar 2023 17:10:47 +0100
Subject: [PATCH] test: test the new message, update the snapshot

---
 .../DurationWidget/__snapshots__/index.test.jsx.snap | 10 +++++++---
 .../components/DurationWidget/hooks.test.js          | 12 +++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/__snapshots__/index.test.jsx.snap
index 22bb051c5..1455c89bd 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/__snapshots__/index.test.jsx.snap
+++ b/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)>
 `;
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/hooks.test.js b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/hooks.test.js
index 782558829..8442005b1 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/DurationWidget/hooks.test.js
+++ b/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);
+        });
       });
     });
   });