MyFavMirrors/minio
1
0
Fork 0
mirror of https://github.com/minio/minio.git synced 2025-11-24 03:27:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

Browser: Update UI with new components and elements (#5671)

Browse Source
This commit is contained in:
Rushan
2018-03-21 23:39:23 +05:30
committed by Harshavardhana
parent 384b4fdf28
commit 1459c4be1e
199 changed files with 10549 additions and 4702 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
browser/app/js/alert/__tests___/Alert.test.js
View File

@@ -26,9 +26,11 @@ describe("Alert", () => {
it("should call onDismiss when close button is clicked", () => {
const onDismiss = jest.fn()
const wrapper = mount(
<Alert show={true} type="danger" message="test" onDismiss={onDismiss} />
<Alert show={true} type="danger" message="test" onDismiss={onDismiss} />,
)
wrapper.find("button").simulate("click", { preventDefault: jest.fn() })
wrapper.find("button").simulate("click", {
preventDefault: jest.fn(),
})
expect(onDismiss).toHaveBeenCalled()
})
})

6
browser/app/js/alert/__tests___/AlertContainer.test.js
View File

@@ -21,13 +21,15 @@ import { AlertContainer } from "../AlertContainer"
describe("Alert", () => {
it("should render without crashing", () => {
shallow(
<AlertContainer alert={{ show: true, type: "danger", message: "Test" }} />
<AlertContainer
alert={{ show: true, type: "danger", message: "Test" }}
/>,
)
})
it("should render nothing if message is empty", () => {
const wrapper = shallow(
<AlertContainer alert={{ show: true, type: "danger", message: "" }} />
<AlertContainer alert={{ show: true, type: "danger", message: "" }} />,
)
expect(wrapper.find("Alert").length).toBe(0)
})

36
browser/app/js/alert/__tests___/actions.test.js
View File

@@ -29,10 +29,19 @@ describe("Alert actions", () => {
const expectedActions = [
{
type: "alert/SET",
alert: { id: 0, message: "Test alert", type: "danger" }
}
alert: {
id: 0,
message: "Test alert",
type: "danger",
},
},
]
store.dispatch(actionsAlert.set({ message: "Test alert", type: "danger" }))
store.dispatch(
actionsAlert.set({
message: "Test alert",
type: "danger",
}),
)
const actions = store.getActions()
expect(actions).toEqual(expectedActions)
})
@@ -42,14 +51,23 @@ describe("Alert actions", () => {
const expectedActions = [
{
type: "alert/SET",
alert: { id: 1, message: "Test alert" }
alert: {
id: 1,
message: "Test alert",
},
},
{
type: "alert/CLEAR",
alert: { id: 1 }
}
alert: {
id: 1,
},
},
]
store.dispatch(actionsAlert.set({ message: "Test alert" }))
store.dispatch(
actionsAlert.set({
message: "Test alert",
}),
)
jest.runAllTimers()
const actions = store.getActions()
expect(actions).toEqual(expectedActions)
@@ -59,8 +77,8 @@ describe("Alert actions", () => {
const store = mockStore()
const expectedActions = [
{
type: "alert/CLEAR"
}
type: "alert/CLEAR",
},
]
store.dispatch(actionsAlert.clear())
const actions = store.getActions()

60
browser/app/js/alert/__tests___/reducer.test.js
View File

@@ -21,7 +21,7 @@ describe("alert reducer", () => {
it("should return the initial state", () => {
expect(reducer(undefined, {})).toEqual({
show: false,
type: "danger"
type: "danger",
})
})
@@ -29,59 +29,81 @@ describe("alert reducer", () => {
expect(
reducer(undefined, {
type: actionsAlert.SET,
alert: { id: 1, type: "danger", message: "Test message" }
})
alert: {
id: 1,
type: "danger",
message: "Test message",
},
}),
).toEqual({
show: true,
id: 1,
type: "danger",
message: "Test message"
message: "Test message",
})
})
it("should clear alert if id not passed", () => {
expect(
reducer(
{ show: true, type: "danger", message: "Test message" },
{
type: actionsAlert.CLEAR
}
)
show: true,
type: "danger",
message: "Test message",
},
{
type: actionsAlert.CLEAR,
},
),
).toEqual({
show: false,
type: "danger"
type: "danger",
})
})
it("should clear alert if id is matching", () => {
expect(
reducer(
{ show: true, id: 1, type: "danger", message: "Test message" },
{
show: true,
id: 1,
type: "danger",
message: "Test message",
},
{
type: actionsAlert.CLEAR,
alert: { id: 1 }
}
)
alert: {
id: 1,
},
},
),
).toEqual({
show: false,
type: "danger"
type: "danger",
})
})
it("should not clear alert if id is not matching", () => {
expect(
reducer(
{ show: true, id: 1, type: "danger", message: "Test message" },
{
show: true,
id: 1,
type: "danger",
message: "Test message",
},
{
type: actionsAlert.CLEAR,
alert: { id: 2 }
}
)
alert: {
id: 2,
},
},
),
).toEqual({
show: true,
id: 1,
type: "danger",
message: "Test message"
message: "Test message",
})
})
})