github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(tests): add snapshot tests for datetime picker

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-08-29 16:34:34 +01:00
parent c104f8f188
commit 5856a8421f
2 changed files with 1083 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1055
ui/src/Components/SilenceModal/DateTimeSelect/__snapshots__/index.test.js.snap Normal file
View File

File diff suppressed because it is too large Load Diff

28
ui/src/Components/SilenceModal/DateTimeSelect/index.test.js
View File

@@ -4,6 +4,8 @@ import { mount, shallow } from "enzyme";
import { advanceTo, clear } from "jest-date-mock";
import toDiffableHtml from "diffable-html";
import moment from "moment";
import { SilenceFormStore } from "Stores/SilenceFormStore";
@@ -51,6 +53,12 @@ describe("<DateTimeSelect />", () => {
expect(tree.find(".tab-content").text()).toBe("366days0hours0minutes");
});
it("'Duration' tab matches snapshot", () => {
advanceTo(new Date(2060, 1, 1, 0, 0, 0));
const tree = MountedDateTimeSelect();
expect(toDiffableHtml(tree.html())).toMatchSnapshot();
});
it("clicking on the 'Starts' tab switches content to 'startsAt' selection", () => {
const tree = MountedDateTimeSelect();
const tab = tree.find(".nav-link").at(0);
@@ -59,6 +67,16 @@ describe("<DateTimeSelect />", () => {
expect(tree.find(".tab-content").text()).toMatch(/2060/);
});
it("'Starts' tab matches snapshot", () => {
advanceTo(new Date(2060, 1, 1, 0, 0, 0));
const tree = MountedDateTimeSelect();
tree
.find(".nav-link")
.at(0)
.simulate("click");
expect(toDiffableHtml(tree.html())).toMatchSnapshot();
});
it("clicking on the 'Ends' tab switches content to 'endsAt' selection", () => {
const tree = MountedDateTimeSelect();
const tab = tree.find(".nav-link").at(1);
@@ -67,6 +85,16 @@ describe("<DateTimeSelect />", () => {
expect(tree.find(".tab-content").text()).toMatch(/2061/);
});
it("'Ends' tab matches snapshot", () => {
advanceTo(new Date(2060, 1, 1, 0, 0, 0));
const tree = MountedDateTimeSelect();
tree
.find(".nav-link")
.at(1)
.simulate("click");
expect(toDiffableHtml(tree.html())).toMatchSnapshot();
});
it("clicking on the 'Duration' tabs switches content to duration selection", () => {
const tree = MountedDateTimeSelect();
// first switch to 'Starts'