Files
karma/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
2019-10-07 19:18:18 +01:00

852 lines
26 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<Help /> matches snapshot 1`] = `
"
<div class=\\"accordion\\">
<div class=\\"Collapsible card\\">
<div class=\\"Collapsible__trigger is-open card-header cursor-pointer bg-light\\">
<div class=\\"d-flex flex-row justify-content-between\\">
<div>
Fiter operators
</div>
<div>
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
data-icon=\\"chevron-down\\"
class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-null fa-rotate-null fa-pull-null text-muted\\"
role=\\"img\\"
xmlns=\\"http://www.w3.org/2000/svg\\"
viewbox=\\"0 0 448 512\\"
>
<path fill=\\"currentColor\\"
d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"
>
</path>
</svg>
</div>
</div>
</div>
<div class=\\"Collapsible__contentOuter collapse show\\"
style=\\"height:auto;-webkit-transition:none;-ms-transition:none;transition:none;overflow:visible\\"
>
<div class=\\"Collapsible__contentInner card-body my-2\\">
<dl>
<dt>
<kbd>
=
</kbd>
Exact match
</dt>
<dd class=\\"mb-3\\">
<div>
Example:
<code>
key=value
</code>
</div>
<div>
True if compared alert attribute value is equal to
<code>
value
</code>
.
</div>
</dd>
<dt>
<kbd>
!=
</kbd>
Negative match
</dt>
<dd class=\\"mb-3\\">
<div>
Example:
<code>
key!=value
</code>
</div>
<div>
True if compared alert attribute is missing or have a value that is not equal to
<code>
value
</code>
.
</div>
</dd>
<dt>
<kbd>
=~
</kbd>
Regular expression match
</dt>
<dd class=\\"mb-3\\">
<div>
Example:
<code>
key=~value
</code>
</div>
<div>
True if compared alert attribute value matches
<code>
value
</code>
regex.
</div>
</dd>
<dt>
<kbd>
!~
</kbd>
Negative regular expression match
</dt>
<dd class=\\"mb-3\\">
<div>
Example:
<code>
key!~value
</code>
</div>
<div>
False if compared alert attribute value matches
<code>
value
</code>
regex.
</div>
</dd>
<dt>
<kbd>
&gt;
</kbd>
Greater than match
</dt>
<dd class=\\"mb-3\\">
<div>
Example:
<code>
key&gt;value
</code>
</div>
<div>
True if compared alert attribute value is greater than
<code>
value
</code>
.
</div>
</dd>
<dt>
<kbd>
&lt;
</kbd>
Less than match
</dt>
<dd class=\\"mb-3\\">
<div>
Example:
<code>
key&lt;value
</code>
</div>
<div>
True if compared alert attribue value is less than
<code>
value
</code>
.
</div>
</dd>
</dl>
</div>
</div>
</div>
<div class=\\"Collapsible card\\">
<div class=\\"Collapsible__trigger is-closed card-header cursor-pointer border-bottom-0\\">
<div class=\\"d-flex flex-row justify-content-between\\">
<div>
Filtering using alert labels
</div>
<div>
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
data-icon=\\"chevron-up\\"
class=\\"svg-inline--fa fa-chevron-up fa-w-14 fa-null fa-rotate-null fa-pull-null text-muted\\"
role=\\"img\\"
xmlns=\\"http://www.w3.org/2000/svg\\"
viewbox=\\"0 0 448 512\\"
>
<path fill=\\"currentColor\\"
d=\\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\\"
>
</path>
</svg>
</div>
</div>
</div>
<div class=\\"Collapsible__contentOuter collapse show\\"
style=\\"height:0;-webkit-transition:height 50ms linear;-ms-transition:height 50ms linear;transition:height 50ms linear;overflow:hidden\\"
>
<div class=\\"Collapsible__contentInner card-body my-2\\">
<dl>
<dt>
Match alerts based on any label
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
<kbd class=\\"mr-1\\">
=~
</kbd>
<kbd class=\\"mr-1\\">
!~
</kbd>
<kbd class=\\"mr-1\\">
&gt;
</kbd>
<kbd class=\\"mr-1\\">
&lt;
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
alertname=UnableToPing
</span>
</div>
<div>
Match alerts with label
<code>
alertname
</code>
equal to
<code>
UnableToPing
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
hostname=localhost
</span>
</div>
<div>
Match alerts with label
<code>
hostname
</code>
equal to
<code>
localhost
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
service!=apache3
</span>
</div>
<div>
Match alerts with label
<code>
service
</code>
missing or not equal to
<code>
apache3
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
service=~apache
</span>
</div>
<div>
Match alerts with label
<code>
service
</code>
matching regular expression
<code>
/.*apache.*/
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
service=~apache[1-3]
</span>
</div>
<div>
Match alerts with label
<code>
service
</code>
matching regular expression
<code>
/.*apache[1-3].*/
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
priority&gt;4
</span>
</div>
<div>
Match alerts with label
<code>
priority
</code>
value
<code>
&gt;
</code>
than
<code>
4
</code>
. Value will be casted to integer if possible, string comparision will be used as fallback.
</div>
</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
<div class=\\"Collapsible card\\">
<div class=\\"Collapsible__trigger is-closed card-header cursor-pointer border-bottom-0\\">
<div class=\\"d-flex flex-row justify-content-between\\">
<div>
Filtering alerts using special filters
</div>
<div>
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
data-icon=\\"chevron-up\\"
class=\\"svg-inline--fa fa-chevron-up fa-w-14 fa-null fa-rotate-null fa-pull-null text-muted\\"
role=\\"img\\"
xmlns=\\"http://www.w3.org/2000/svg\\"
viewbox=\\"0 0 448 512\\"
>
<path fill=\\"currentColor\\"
d=\\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\\"
>
</path>
</svg>
</div>
</div>
</div>
<div class=\\"Collapsible__contentOuter collapse show\\"
style=\\"height:0;-webkit-transition:height 50ms linear;-ms-transition:height 50ms linear;transition:height 50ms linear;overflow:hidden\\"
>
<div class=\\"Collapsible__contentInner card-body my-2\\">
<dl>
<dt>
Match alerts based on the Alertmanager instance name they were collected from
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
<kbd class=\\"mr-1\\">
=~
</kbd>
<kbd class=\\"mr-1\\">
!~
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@alertmanager=prod
</span>
</div>
<div>
Match alerts collected from Alertmanager instance named
<code>
prod
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@alertmanager!=dev
</span>
</div>
<div>
Match alerts collected from Alertmanager instances except for the one named
<code>
dev
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@alertmanager=~prod
</span>
</div>
<div>
Match alerts collected from Alertmanager instances with names matching regular expression
<code>
/.*prod.*/
</code>
.
</div>
</li>
</ul>
</dd>
<dt>
Match alerts based on the receiver name
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
<kbd class=\\"mr-1\\">
=~
</kbd>
<kbd class=\\"mr-1\\">
!~
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@receiver=default
</span>
</div>
<div>
Match alerts sent to the default receiver.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@receiver!=hipchat
</span>
</div>
<div>
Match alerts not sent to the hipchat receiver.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@receiver=~email
</span>
</div>
<div>
Match alerts sent to any receiver with name matching regular expression
<code>
/.*email.*/
</code>
.
</div>
</li>
</ul>
</dd>
<dt>
Match alerts based on the state
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@state=active
</span>
</div>
<div>
Match only active alerts.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@state!=active
</span>
</div>
<div>
Match alerts that are not active, only suppressed and unprocessed will be matched.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@state=suppressed
</span>
</div>
<div>
Match only suppressed alerts.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@state=unprocessed
</span>
</div>
<div>
Match only unprocessed alerts.
</div>
</li>
</ul>
</dd>
<dt>
Match suppressed alerts based on the silence ID
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_id=abc123456789
</span>
</div>
<div>
Match alerts suppressed by silence
<code>
abc123456789
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_id!=abc123456789
</span>
</div>
<div>
Match alerts suppressed by any silence except
<code>
abc123456789
</code>
.
</div>
</li>
</ul>
</dd>
<dt>
Match alerts based on the author of silence
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
<kbd class=\\"mr-1\\">
=~
</kbd>
<kbd class=\\"mr-1\\">
!~
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_author=me@example.com
</span>
</div>
<div>
Match alerts silenced by
<code>
me@example.com
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_author!=me@example.com
</span>
</div>
<div>
Match alerts silenced by everyone except
<code>
foo@example.com
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_author=~@example.com
</span>
</div>
<div>
Match alerts silenced by author matching regular expression
<code>
/.*@example.com.*/
</code>
.
</div>
</li>
</ul>
</dd>
<dt>
Match alerts based on the jira linked in the silence
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
<kbd class=\\"mr-1\\">
!=
</kbd>
<kbd class=\\"mr-1\\">
=~
</kbd>
<kbd class=\\"mr-1\\">
!~
</kbd>
</div>
<div class=\\"my-1 alert alert-light\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
data-icon=\\"info-circle\\"
class=\\"svg-inline--fa fa-info-circle fa-w-16 fa-null fa-rotate-null fa-pull-null mr-1\\"
role=\\"img\\"
xmlns=\\"http://www.w3.org/2000/svg\\"
viewbox=\\"0 0 512 512\\"
>
<path fill=\\"currentColor\\"
d=\\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\\"
>
</path>
</svg>
This is supported only if JIRA regexp are enabled and able to match JIRA ids in the silence comment body.
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_jira=PROJECT-123
</span>
</div>
<div>
Match silenced alerts where detected JIRA issue id is equal to
<code>
PROJECT-123
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_jira!=PROJECT-123
</span>
</div>
<div>
Match silenced alerts where detected JIRA issue id is different than
<code>
PROJECT-123
</code>
.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@silence_jira=~PROJECT
</span>
</div>
<div>
Match silenced alerts where detected JIRA issue id matches regular expression
<code>
/.*PROJECT.*/
</code>
.
</div>
</li>
</ul>
</dd>
<dt>
Limit number of displayed alerts
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
=
</kbd>
</div>
<div class=\\"my-1 alert alert-light\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
data-icon=\\"info-circle\\"
class=\\"svg-inline--fa fa-info-circle fa-w-16 fa-null fa-rotate-null fa-pull-null mr-1\\"
role=\\"img\\"
xmlns=\\"http://www.w3.org/2000/svg\\"
viewbox=\\"0 0 512 512\\"
>
<path fill=\\"currentColor\\"
d=\\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\\"
>
</path>
</svg>
Value must be a number &gt;= 1.
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@limit=10
</span>
</div>
<div>
Limit number of displayed alerts to 10.
</div>
</li>
</ul>
</dd>
<dt>
Match alerts based on creation timestamp
</dt>
<dd class=\\"mb-5\\">
<div>
Supported operators:
<kbd class=\\"mr-1\\">
&gt;
</kbd>
<kbd class=\\"mr-1\\">
&lt;
</kbd>
</div>
<div>
Examples:
</div>
<ul>
<li>
<div>
<span class=\\"badge badge-info\\">
@age&gt;15m
</span>
</div>
<div>
Match alerts older than 15 minutes.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@age&gt;1h
</span>
</div>
<div>
Match alerts older than 1 hour.
</div>
</li>
<li>
<div>
<span class=\\"badge badge-info\\">
@age&lt;10h30m
</span>
</div>
<div>
Match alerts more recent than 10 hours and 30 minutes.
</div>
</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
"
`;