diff --git a/ui/src/Components/SilenceModal/SilenceModalContent.test.js b/ui/src/Components/SilenceModal/SilenceModalContent.test.js index 5f1136be0..c964cc017 100644 --- a/ui/src/Components/SilenceModal/SilenceModalContent.test.js +++ b/ui/src/Components/SilenceModal/SilenceModalContent.test.js @@ -2,6 +2,8 @@ import React from "react"; import { mount } from "enzyme"; +import toDiffableHtml from "diffable-html"; + import { MockThemeContext } from "__mocks__/Theme"; import { AlertStore } from "Stores/AlertStore"; import { Settings } from "Stores/Settings"; @@ -145,7 +147,7 @@ describe(" Editor", () => { it("renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit'", () => { silenceFormStore.data.currentStage = SilenceFormStage.Submit; const tree = MountedSilenceModalContent(); - expect(tree.html()).toMatchSnapshot(); + expect(toDiffableHtml(tree.html())).toMatchSnapshot(); }); }); diff --git a/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap b/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap index cce360396..91e9ffb9a 100644 --- a/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap +++ b/ui/src/Components/SilenceModal/__snapshots__/SilenceModalContent.test.js.snap @@ -1,3 +1,52 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` Editor renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit' 1`] = `"
"`; +exports[` Editor renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit' 1`] = ` +" +
+ +
+
+
+ + + +
+
+
+ +
+
+" +`;