diff --git a/public/components/JSONModal/JSONModal.tsx b/public/components/JSONModal/JSONModal.tsx index d5f523c63..6e9433cbf 100644 --- a/public/components/JSONModal/JSONModal.tsx +++ b/public/components/JSONModal/JSONModal.tsx @@ -30,13 +30,13 @@ interface JSONModalProps { const JSONModal: React.SFC = ({ title, json, onClose }) => { return ( - + {title} - + {JSON.stringify(json, null, 4)} diff --git a/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap b/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap index 0160721eb..45989e2c1 100644 --- a/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap +++ b/public/components/JSONModal/__snapshots__/JSONModal.test.tsx.snap @@ -23,7 +23,6 @@ exports[` spec renders the component 1`] = ` >
diff --git a/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx b/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx index ed8198c74..71a639a35 100644 --- a/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx +++ b/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx @@ -13,50 +13,49 @@ import React, { ChangeEvent, Component, Fragment } from "react"; import { EuiConfirmModal, EuiForm, EuiFormRow, EuiFieldText, EuiOverlayMask, EuiSpacer } from "@elastic/eui"; interface DeleteModalProps { - policyId: string; - closeDeleteModal: (event?: any) => void; - onClickDelete: (event?: any) => void; + policyId: string; + closeDeleteModal: (event?: any) => void; + onClickDelete: (event?: any) => void; } interface DeleteModalState { - confirmDeleteText: string; + confirmDeleteText: string; } export default class DeleteModal extends Component { - state = { confirmDeleteText: "" }; + state = { confirmDeleteText: "" }; - onChange = (e: ChangeEvent): void => { - this.setState({ confirmDeleteText: e.target.value }); - }; + onChange = (e: ChangeEvent): void => { + this.setState({ confirmDeleteText: e.target.value }); + }; - render() { - const { policyId, closeDeleteModal, onClickDelete } = this.props; - const { confirmDeleteText } = this.state; + render() { + const { policyId, closeDeleteModal, onClickDelete } = this.props; + const { confirmDeleteText } = this.state; - return ( - - - - - Delete "{policyId}" permanently? Indices will no - longer be managed using this policy - - - - - - - - - ); - } + return ( + + + + + Delete "{policyId}" permanently? Indices will no longer be managed using this policy. + + + + + + + + + ); + } } diff --git a/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap b/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap index 6dbe84f6f..344ec0d2c 100644 --- a/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap +++ b/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap @@ -69,7 +69,7 @@ exports[` spec renders the component 1`] = ` some_id - " permanently? Indices will no longer be managed using this policy + " permanently? Indices will no longer be managed using this policy.
@@ -101,7 +101,7 @@ exports[` spec renders the component 1`] = ` class="euiFormHelpText euiFormRow__text" id="some_html_id-help" > - To confirm deletion, type delete + To confirm deletion, type "delete".
diff --git a/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/EuiFormCustomLabel.tsx b/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/EuiFormCustomLabel.tsx index b6bd34132..7e25cdec9 100644 --- a/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/EuiFormCustomLabel.tsx +++ b/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/EuiFormCustomLabel.tsx @@ -15,6 +15,7 @@ import { EuiText } from "@elastic/eui"; interface EuiFormCustomLabelProps { title: string; helpText?: string; + learnMore?: JSX.Element | null | undefined; textStyle?: object; headerStyle?: object; isInvalid?: boolean; @@ -24,6 +25,7 @@ interface EuiFormCustomLabelProps { const EuiFormCustomLabel = ({ title, helpText, + learnMore = null, textStyle = { marginBottom: "5px" }, headerStyle = { marginBottom: "2px" }, isInvalid = false, @@ -35,7 +37,11 @@ const EuiFormCustomLabel = ({

{" "} {/* Keep the

tag even if no helpText to remove last child styling on h tags */} - {helpText && {helpText}} + {helpText && ( + + {helpText} {learnMore} + + )}

); diff --git a/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/__snapshots__/EuiFormCustomLabel.test.tsx.snap b/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/__snapshots__/EuiFormCustomLabel.test.tsx.snap index 743b0f62e..352403080 100644 --- a/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/__snapshots__/EuiFormCustomLabel.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/components/EuiFormCustomLabel/__snapshots__/EuiFormCustomLabel.test.tsx.snap @@ -14,9 +14,10 @@ exports[` spec renders the component 1`] = `

Some helpful text +

diff --git a/public/pages/VisualCreatePolicy/components/ISMTemplate/ISMTemplate.tsx b/public/pages/VisualCreatePolicy/components/ISMTemplate/ISMTemplate.tsx index 11c79331e..522bb6de0 100644 --- a/public/pages/VisualCreatePolicy/components/ISMTemplate/ISMTemplate.tsx +++ b/public/pages/VisualCreatePolicy/components/ISMTemplate/ISMTemplate.tsx @@ -31,6 +31,7 @@ const ISMTemplate = ({ template, onUpdateTemplate, onRemoveTemplate, isFirst }: ({ label: pattern }))} @@ -64,7 +65,6 @@ const ISMTemplate = ({ template, onUpdateTemplate, onRemoveTemplate, isFirst }: //TODO setInvalid(false); }} - isClearable={true} isInvalid={isInvalid} data-test-subj="ism-template-index-pattern-input" /> diff --git a/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap b/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap index 35094f9a0..c5bb1d0dd 100644 --- a/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/components/ISMTemplate/__snapshots__/ISMTemplate.test.tsx.snap @@ -29,7 +29,7 @@ exports[` spec renders the component 1`] = ` class="euiFormControlLayout__childrenWrapper" >
@@ -71,18 +71,6 @@ exports[` spec renders the component 1`] = ` />
-
- -
diff --git a/public/pages/VisualCreatePolicy/components/ISMTemplates/ISMTemplates.tsx b/public/pages/VisualCreatePolicy/components/ISMTemplates/ISMTemplates.tsx index 8d6a51f9a..00705ac36 100644 --- a/public/pages/VisualCreatePolicy/components/ISMTemplates/ISMTemplates.tsx +++ b/public/pages/VisualCreatePolicy/components/ISMTemplates/ISMTemplates.tsx @@ -45,7 +45,7 @@ const ISMTemplates = ({ policy, onChangePolicy }: ISMTemplatesProps) => { -

ISM template

+

ISM templates

 @@ -57,9 +57,9 @@ const ISMTemplates = ({ policy, onChangePolicy }: ISMTemplatesProps) => { } titleSize="s" subTitleText={ - -

- Specify an ISM template pattern that matches the index to apply the policy.{" "} + +

+ Specify ISM template patterns that match the index to apply the policy.{" "} Learn more diff --git a/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap b/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap index eee8a5ff4..2cecba2d3 100644 --- a/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/components/ISMTemplates/__snapshots__/ISMTemplates.test.tsx.snap @@ -22,7 +22,7 @@ exports[` spec renders the component 1`] = ` class="euiText euiText--medium" >

- ISM template + ISM templates

@@ -46,21 +46,25 @@ exports[` spec renders the component 1`] = ` class="euiText euiText--small" style="padding: 5px 0px;" > -

- Specify an ISM template pattern that matches the index to apply the policy. - - - Learn more - EuiIconMock - -

+ Specify ISM template patterns that match the index to apply the policy. + + + Learn more + EuiIconMock + +

+ diff --git a/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap b/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap index 1c2cd9b00..4ff2c5044 100644 --- a/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/components/PolicyInfo/__snapshots__/PolicyInfo.test.tsx.snap @@ -41,9 +41,10 @@ exports[` spec renders the component 1`] = `

Specify a unique and descriptive ID that is easy to recognize and remember. +

@@ -88,9 +89,10 @@ exports[` spec renders the component 1`] = `

Describe the policy. +

diff --git a/public/pages/VisualCreatePolicy/components/States/States.tsx b/public/pages/VisualCreatePolicy/components/States/States.tsx index c89ad88a1..6f9524565 100644 --- a/public/pages/VisualCreatePolicy/components/States/States.tsx +++ b/public/pages/VisualCreatePolicy/components/States/States.tsx @@ -27,7 +27,7 @@ import { ContentPanel } from "../../../../components/ContentPanel"; import "brace/theme/github"; import "brace/mode/json"; import { Policy, State as StateData } from "../../../../../models/interfaces"; -import { DOCUMENTATION_URL } from "../../../../utils/constants"; +import { STATES_DOCUMENTATION_URL } from "../../../../utils/constants"; import State from "./State"; interface StatesProps { @@ -46,12 +46,12 @@ const States = ({ onOpenFlyout, policy, onClickEditState, onClickDeleteState, on title={`States (${policy.states.length})`} titleSize="s" subTitleText={ - -

+ +

You can think of policies as state machines. "Actions" are the operations ISM performs when an index is in a certain state.
"Transitions" define when to move from one state to another.{" "} - + Learn more

diff --git a/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap b/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap index b5bd74e96..67db14128 100644 --- a/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap @@ -21,23 +21,27 @@ exports[` spec renders the component 1`] = ` class="euiText euiText--small" style="padding: 5px 0px;" > -

- You can think of policies as state machines. "Actions" are the operations ISM performs when an index is in a certain state. -
- "Transitions" define when to move from one state to another. - - - Learn more - EuiIconMock - -

+ You can think of policies as state machines. "Actions" are the operations ISM performs when an index is in a certain state. +
+ "Transitions" define when to move from one state to another. + + + Learn more + EuiIconMock + +

+ diff --git a/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap b/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap index 7c06e2290..96f4576f6 100644 --- a/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/components/TimeoutRetrySettings/__snapshots__/TimeoutRetrySettings.test.tsx.snap @@ -69,9 +69,10 @@ exports[` spec renders the component 1`] = `

The timeout period for the action. Accepts time units, e.g. "5h" or "1d". +

@@ -123,9 +124,10 @@ exports[` spec renders the component 1`] = `

The number of times the action should be retried if it fails. Must be greater than 0. +

@@ -178,9 +180,10 @@ exports[` spec renders the component 1`] = `

The backoff policy type to use when retrying. +

@@ -247,9 +250,10 @@ exports[` spec renders the component 1`] = `

The time to wait between retries. Accepts time units, e.g. "2h" or "1d" +

diff --git a/public/pages/VisualCreatePolicy/components/Transition/Transition.tsx b/public/pages/VisualCreatePolicy/components/Transition/Transition.tsx index f888dd8bd..24bbb6743 100644 --- a/public/pages/VisualCreatePolicy/components/Transition/Transition.tsx +++ b/public/pages/VisualCreatePolicy/components/Transition/Transition.tsx @@ -10,10 +10,11 @@ */ import React, { ChangeEvent } from "react"; -import { EuiFormRow, EuiSelect, EuiSpacer, EuiFieldText, EuiFieldNumber } from "@elastic/eui"; +import { EuiLink, EuiIcon, EuiFormRow, EuiSelect, EuiSpacer, EuiFieldText, EuiFieldNumber } from "@elastic/eui"; import moment from "moment-timezone"; import EuiFormCustomLabel from "../EuiFormCustomLabel"; import { UITransition } from "../../../../../models/interfaces"; +import { TRANSITION_DOCUMENTATION_URL } from "../../../../utils/constants"; const timezones = moment.tz.names().map((tz) => ({ label: tz, text: tz })); @@ -37,8 +38,9 @@ const Transition = ({ uiTransition, onChangeTransition }: TransitionProps) => { return ( <> - + { {conditionType === "min_index_age" && ( <> - + ) => { const minIndexAge = e.target.value; @@ -93,8 +96,9 @@ const Transition = ({ uiTransition, onChangeTransition }: TransitionProps) => { title="Minimum doc count" helpText="The minimum number of documents required to transition to the next state." /> - + ) => { const minDocCount = e.target.valueAsNumber; @@ -122,8 +126,9 @@ const Transition = ({ uiTransition, onChangeTransition }: TransitionProps) => { title="Minimum index size" helpText="The minimum size of the total primary shard storage required to transition to the next state." /> - + ) => { const minSize = e.target.value; @@ -145,9 +150,18 @@ const Transition = ({ uiTransition, onChangeTransition }: TransitionProps) => { {conditionType === "cron" && ( <> - - + + Learn more + + } + /> + ) => { const expression = e.target.value; @@ -173,8 +187,9 @@ const Transition = ({ uiTransition, onChangeTransition }: TransitionProps) => { - + spec renders the component 1`] = `

Specify the condition needed to be met to transition to the destination state. +

diff --git a/public/pages/VisualCreatePolicy/components/UIActions/RolloverUIAction.tsx b/public/pages/VisualCreatePolicy/components/UIActions/RolloverUIAction.tsx index 7aa1e80bc..94ac38c1b 100644 --- a/public/pages/VisualCreatePolicy/components/UIActions/RolloverUIAction.tsx +++ b/public/pages/VisualCreatePolicy/components/UIActions/RolloverUIAction.tsx @@ -49,7 +49,7 @@ export default class RolloverUIAction implements UIAction { <> @@ -89,7 +89,7 @@ export default class RolloverUIAction implements UIAction { diff --git a/public/pages/VisualCreatePolicy/containers/CreateAction/CreateAction.tsx b/public/pages/VisualCreatePolicy/containers/CreateAction/CreateAction.tsx index 04d359359..0b2c27d8a 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateAction/CreateAction.tsx +++ b/public/pages/VisualCreatePolicy/containers/CreateAction/CreateAction.tsx @@ -10,12 +10,13 @@ */ import React, { Component, ChangeEvent } from "react"; -import { EuiFlyoutBody, EuiFlyoutFooter, EuiTitle, EuiFormRow, EuiSelect, EuiSpacer } from "@elastic/eui"; +import { EuiText, EuiLink, EuiIcon, EuiFlyoutBody, EuiFlyoutFooter, EuiTitle, EuiFormRow, EuiSelect, EuiSpacer } from "@elastic/eui"; import { UIAction, Action } from "../../../../../models/interfaces"; import TimeoutRetrySettings from "../../components/TimeoutRetrySettings"; import { actionRepoSingleton, capitalizeFirstLetter } from "../../utils/helpers"; import FlyoutFooter from "../../components/FlyoutFooter"; import EuiFormCustomLabel from "../../components/EuiFormCustomLabel"; +import { ACTIONS_DOCUMENTATION_URL } from "../../../../utils/constants"; interface CreateActionProps { stateName: string; @@ -70,7 +71,7 @@ export default class CreateAction extends Component{bodyTitle} + + Actions are the operations ISM performs when an index is in a certain state.{" "} + + Learn more + + + @@ -112,7 +120,7 @@ export default class CreateAction extends Component diff --git a/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap index dd301988e..af9693558 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/containers/CreateAction/__snapshots__/CreateAction.test.tsx.snap @@ -15,6 +15,22 @@ exports[` spec renders the component 1`] = ` > Edit action +
+ Actions are the operations ISM performs when an index is in a certain state. + + + Learn more + EuiIconMock + +
@@ -31,9 +47,10 @@ exports[` spec renders the component 1`] = `

Select the action you want to add to this state. +

@@ -160,9 +177,10 @@ exports[` spec renders the component 1`] = `

- The minimum age required to roll over the index. + The minimum age required to roll over the index. Accepts time units, e.g. "5h" or "1d". +

@@ -206,9 +224,10 @@ exports[` spec renders the component 1`] = `

The minimum number of documents required to roll over the index. +

@@ -252,9 +271,10 @@ exports[` spec renders the component 1`] = `

- The minimum size of the total primary shard storage required to roll over the index. + The minimum size of the total primary shard storage required to roll over the index. Accepts byte units, e.g. "500mb" or "50gb". +

@@ -353,9 +373,10 @@ exports[` spec renders the component 1`] = `

The timeout period for the action. Accepts time units, e.g. "5h" or "1d". +

@@ -407,9 +428,10 @@ exports[` spec renders the component 1`] = `

The number of times the action should be retried if it fails. Must be greater than 0. +

@@ -462,9 +484,10 @@ exports[` spec renders the component 1`] = `

The backoff policy type to use when retrying. +

@@ -531,9 +554,10 @@ exports[` spec renders the component 1`] = `

The time to wait between retries. Accepts time units, e.g. "2h" or "1d" +

diff --git a/public/pages/VisualCreatePolicy/containers/CreateState/CreateState.tsx b/public/pages/VisualCreatePolicy/containers/CreateState/CreateState.tsx index 0b8143205..326f5ec34 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateState/CreateState.tsx +++ b/public/pages/VisualCreatePolicy/containers/CreateState/CreateState.tsx @@ -303,8 +303,9 @@ export default class CreateState extends Component s.name); diff --git a/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Actions.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Actions.test.tsx.snap index 284f2d742..65a7eb7f8 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Actions.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Actions.test.tsx.snap @@ -14,9 +14,10 @@ exports[` spec renders the component 1`] = `

Actions are the operations ISM performs when an index is in a certain state. +

diff --git a/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/CreateState.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/CreateState.test.tsx.snap index dc48ca2b1..e26b63b15 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/CreateState.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/CreateState.test.tsx.snap @@ -34,7 +34,7 @@ exports[` spec renders the component 1`] = ` class="euiTitle euiTitle--medium" id="flyoutTitle" > - Create state: + Create state
spec renders the component 1`] = `

Actions are the operations ISM performs when an index is in a certain state. +

@@ -259,9 +260,10 @@ exports[` spec renders the component 1`] = `

Transitions define the conditions that need to be met for a state to change. After all actions in the current state are completed, the policy starts checking the conditions for transitions. +

diff --git a/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Transitions.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Transitions.test.tsx.snap index cdabaf5a9..e0b566034 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Transitions.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/containers/CreateState/__snapshots__/Transitions.test.tsx.snap @@ -14,9 +14,10 @@ exports[` spec renders the component 1`] = `

Transitions define the conditions that need to be met for a state to change. After all actions in the current state are completed, the policy starts checking the conditions for transitions. +

diff --git a/public/pages/VisualCreatePolicy/containers/CreateTransition/CreateTransition.tsx b/public/pages/VisualCreatePolicy/containers/CreateTransition/CreateTransition.tsx index 46f207881..8543b5059 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateTransition/CreateTransition.tsx +++ b/public/pages/VisualCreatePolicy/containers/CreateTransition/CreateTransition.tsx @@ -10,12 +10,13 @@ */ import React, { Component } from "react"; -import { EuiFlyoutBody, EuiFlyoutFooter, EuiTitle, EuiFormRow, EuiSpacer, EuiComboBox } from "@elastic/eui"; +import { EuiText, EuiLink, EuiIcon, EuiFlyoutBody, EuiFlyoutFooter, EuiTitle, EuiFormRow, EuiSpacer, EuiComboBox } from "@elastic/eui"; import { Transition as ITransition, UITransition } from "../../../../../models/interfaces"; import FlyoutFooter from "../../components/FlyoutFooter"; import EuiFormCustomLabel from "../../components/EuiFormCustomLabel"; import { makeId } from "../../../../utils/helpers"; import Transition from "../../components/Transition"; +import { TRANSITION_DOCUMENTATION_URL } from "../../../../utils/constants"; interface CreateTransitionProps { editTransition: UITransition | null; @@ -83,7 +84,7 @@ export default class CreateTransition extends Component @@ -92,6 +93,14 @@ export default class CreateTransition extends Component{title} + + Transitions define the conditions that need to be met for a state to change. After all actions in the current state are + completed, the policy starts checking the conditions for transitions.{" "} + + Learn more + + + - + ({ label: state }))} diff --git a/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap b/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap index f67dfd8c0..990e1888d 100644 --- a/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap +++ b/public/pages/VisualCreatePolicy/containers/CreateTransition/__snapshots__/CreateTransition.test.tsx.snap @@ -15,6 +15,22 @@ exports[` spec renders the component 1`] = ` > Edit transition +
+ Transitions define the conditions that need to be met for a state to change. After all actions in the current state are completed, the policy starts checking the conditions for transitions. + + + Learn more + EuiIconMock + +
@@ -31,14 +47,15 @@ exports[` spec renders the component 1`] = `

If entering a state that does not exist yet then you must create it before creating the policy. +

spec renders the component 1`] = `