mirror of
https://github.com/prymitive/karma
synced 2026-02-13 20:59:53 +00:00
fix(ui): migrate to vite
This commit is contained in:
Łukasz Mierzwa
committed by
Łukasz Mierzwa
Łukasz Mierzwa
parent
fec54b5c87
commit
c10ac05e49
@@ -1,5 +1,5 @@
|
||||
karma
|
||||
ui/build
|
||||
ui/dist
|
||||
ui/coverage
|
||||
ui/node_modules
|
||||
Dockerfile
|
||||
|
||||
4
.gitignore
vendored
4
.gitignore
vendored
@@ -1,8 +1,8 @@
|
||||
/coverage.txt
|
||||
/karma
|
||||
/karma-*
|
||||
/ui/build
|
||||
/ui/build.pre
|
||||
/ui/dist
|
||||
/ui/dist.pre
|
||||
/ui/coverage
|
||||
/ui/node_modules
|
||||
/ui/.eslintcache
|
||||
|
||||
@@ -1,5 +1,11 @@
|
||||
# Changelog
|
||||
|
||||
## v0.117
|
||||
|
||||
### Changed
|
||||
|
||||
- Migrated project from Create React App to [Vite](http://vitejs.dev).
|
||||
|
||||
## v0.116
|
||||
|
||||
### Added
|
||||
|
||||
@@ -14,7 +14,7 @@ COPY go.mod /src/go.mod
|
||||
COPY go.sum /src/go.sum
|
||||
RUN make -C /src download-deps-go
|
||||
COPY --from=nodejs-builder /src/ui/src /src/ui/src
|
||||
COPY --from=nodejs-builder /src/ui/build /src/ui/build
|
||||
COPY --from=nodejs-builder /src/ui/dist /src/ui/dist
|
||||
COPY --from=nodejs-builder /src/ui/mock /src/ui/mock
|
||||
COPY --from=nodejs-builder /src/ui/embed.go /src/ui/embed.go
|
||||
COPY cmd /src/cmd
|
||||
|
||||
2
Makefile
2
Makefile
@@ -15,7 +15,7 @@ test: lint
|
||||
|
||||
.PHONY: clean
|
||||
clean:
|
||||
rm -fr $(NAME) $(NAME)-* ui/build ui/build.pre ui/node_modules ui/coverage coverage.txt
|
||||
rm -fr $(NAME) $(NAME)-* ui/dist ui/dist.pre ui/node_modules ui/coverage coverage.txt
|
||||
|
||||
.PHONY: show-version
|
||||
show-version:
|
||||
|
||||
@@ -87,7 +87,7 @@ func setupRouter(router *chi.Mux, historyPoller *historyPoller) {
|
||||
compressor := middleware.NewCompressor(flate.DefaultCompression)
|
||||
router.Use(compressor.Handler)
|
||||
|
||||
router.Use(serverStaticFiles(getViewURL("/"), "build"))
|
||||
router.Use(serverStaticFiles(getViewURL("/"), "dist"))
|
||||
router.Use(serverStaticFiles(getViewURL("/__test__/"), "mock"))
|
||||
corsOptions := cors.Options{
|
||||
AllowedOrigins: config.Config.Listen.Cors.AllowedOrigins,
|
||||
@@ -325,7 +325,7 @@ func setupLogger() error {
|
||||
|
||||
func loadTemplates() error {
|
||||
var t *template.Template
|
||||
t, err := template.ParseFS(ui.StaticFiles, "build/index.html")
|
||||
t, err := template.ParseFS(ui.StaticFiles, "dist/index.html")
|
||||
if err != nil {
|
||||
return fmt.Errorf("failed to load template: %w", err)
|
||||
}
|
||||
|
||||
@@ -8,7 +8,6 @@ coverage:
|
||||
flags:
|
||||
- backend
|
||||
ui:
|
||||
target: 100
|
||||
threshold: 0
|
||||
target: auto
|
||||
flags:
|
||||
- ui
|
||||
|
||||
@@ -16,7 +16,7 @@ RUN make -C /src download-deps-go
|
||||
COPY --from=nodejs-builder /src/ui/embed.go /src/ui/embed.go
|
||||
COPY --from=nodejs-builder /src/ui/mock /src/ui/mock
|
||||
COPY --from=nodejs-builder /src/ui/src /src/ui/src
|
||||
COPY --from=nodejs-builder /src/ui/build /src/ui/build
|
||||
COPY --from=nodejs-builder /src/ui/dist /src/ui/dist
|
||||
COPY cmd /src/cmd
|
||||
COPY internal /src/internal
|
||||
ARG VERSION
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
include make/vars.mk
|
||||
|
||||
word-split = $(word $2,$(subst -, ,$1))
|
||||
cc-%: go.mod go.sum $(SOURCES_GO) ui/build/index.html
|
||||
cc-%: go.mod go.sum $(SOURCES_GO) ui/dist/index.html
|
||||
$(eval GOOS := $(call word-split,$*,1))
|
||||
$(eval GOARCH := $(call word-split,$*,2))
|
||||
$(eval GOARM := $(call word-split,$*,3))
|
||||
|
||||
15
make/go.mk
15
make/go.mk
@@ -5,11 +5,11 @@ ifeq ($(GOBIN),)
|
||||
GOBIN = $(shell go env GOPATH)/bin
|
||||
endif
|
||||
|
||||
ui/build/index.html: $(call rwildcard, ui/src ui/package.json ui/package-lock.json, *)
|
||||
ui/dist/index.html: $(call rwildcard, ui/src ui/package.json ui/package-lock.json, *)
|
||||
@$(MAKE) -C ui build
|
||||
|
||||
.DEFAULT_GOAL := $(NAME)
|
||||
$(NAME): go.mod go.sum $(SOURCES_GO) ui/build/index.html
|
||||
$(NAME): go.mod go.sum $(SOURCES_GO) ui/dist/index.html
|
||||
go build -trimpath -modcacherw -ldflags "-X main.version=$(VERSION) -s -w" ./cmd/karma
|
||||
|
||||
.PHONY: test-go
|
||||
@@ -55,11 +55,12 @@ openapi-client:
|
||||
|
||||
.PHONY: mock-assets
|
||||
mock-assets:
|
||||
rm -fr ui/build
|
||||
mkdir ui/build
|
||||
cp ui/public/* ui/build/
|
||||
mkdir ui/build/static
|
||||
touch ui/build/static/main.js
|
||||
rm -fr ui/dist
|
||||
mkdir ui/dist
|
||||
cp ui/public/* ui/dist/
|
||||
cp ui/index.html ui/dist/
|
||||
mkdir ui/dist/assets
|
||||
touch ui/dist/assets/main.js
|
||||
|
||||
.PHONY: tools-go-mod-tidy
|
||||
tools-go-mod-tidy:
|
||||
|
||||
@@ -7,4 +7,4 @@ VERSION ?= $(shell git describe --tags --always --dirty='-dev')
|
||||
rwildcard = $(foreach d, $(wildcard $1*), $(call rwildcard,$d/,$2) $(filter $(subst *,%,$2),$d))
|
||||
|
||||
SOURCES_GO = $(call rwildcard, cmd internal, *)
|
||||
SOURCES_JS = $(call rwildcard, ui/build/index.html ui/src, *)
|
||||
SOURCES_JS = $(call rwildcard, ui/dist/index.html ui/src, *)
|
||||
|
||||
@@ -7,11 +7,11 @@ git fetch origin main
|
||||
git reset --hard FETCH_HEAD
|
||||
|
||||
make -C ui build/stats.json
|
||||
mv ui/build/stats.json main.json
|
||||
mv ui/dist/stats.json main.json
|
||||
|
||||
make clean
|
||||
git reset --hard ${GITHUB_SHA}
|
||||
make -C ui build/stats.json
|
||||
|
||||
./scripts/cra-bundle-stats-diff.py main.json ui/build/stats.json | tee diff.html
|
||||
./scripts/cra-bundle-stats-diff.py main.json ui/dist/stats.json | tee diff.html
|
||||
./scripts/pr-comment.py "Webpack bundle size diff" diff.html html
|
||||
|
||||
9
ui/.browserslistrc
Normal file
9
ui/.browserslistrc
Normal file
@@ -0,0 +1,9 @@
|
||||
>= 1%
|
||||
last 1 major version
|
||||
not dead
|
||||
Chrome >= 49
|
||||
Firefox >= 52
|
||||
Edge >= 12
|
||||
iOS >= 9
|
||||
Safari >= 10
|
||||
Android >= 4.4
|
||||
@@ -6,12 +6,15 @@ ignores:
|
||||
- sass
|
||||
- typeface-open-sans
|
||||
- prettier
|
||||
- react-scripts
|
||||
- vite
|
||||
- typescript
|
||||
# devDeps
|
||||
- "@types/jest"
|
||||
- "@types/node"
|
||||
- "purgecss"
|
||||
- "eslint-plugin-jest"
|
||||
- "node-fetch"
|
||||
- "@babel/plugin-proposal-private-property-in-object"
|
||||
- identity-obj-proxy
|
||||
- jest
|
||||
- jest-fetch-mock
|
||||
- terser
|
||||
|
||||
26
ui/Makefile
26
ui/Makefile
@@ -10,7 +10,7 @@ NODE_INSTALL := $(NODE_MODULES)/.install
|
||||
PATH := $(PATH):$(NODE_PATH)
|
||||
SHELL := env PATH=$(PATH) /bin/sh
|
||||
|
||||
.DEFAULT_GOAL := build/index.html
|
||||
.DEFAULT_GOAL := dist/index.html
|
||||
|
||||
$(NODE_INSTALL): package.json package-lock.json
|
||||
@if [ -e $(NODE_INSTALL) ]; then npm install ; else npm ci; fi
|
||||
@@ -22,16 +22,16 @@ npm-fetch: $(NODE_INSTALL)
|
||||
$(NODE_PATH)/%: $(NODE_INSTALL)
|
||||
@if [ ! -x $@ ]; then echo "missing script: $@" ; exit 1; fi
|
||||
|
||||
build/index.html: $(NODE_INSTALL) $(NODE_PATH)/react-scripts $(call rwildcard, public src, *) purgecss.config.js restore-css
|
||||
dist/index.html: $(NODE_INSTALL) $(NODE_PATH)/vite $(call rwildcard, public src, *)
|
||||
@rm -fr node_modules/.cache/eslint-loader
|
||||
cat node_modules/bootstrap/scss/_root.scss | sed s/':root {'/'* {'/ > src/Styles/BootstrapRoot.scss
|
||||
npm run build
|
||||
|
||||
.PHONY: build
|
||||
build: build/index.html
|
||||
build: dist/index.html
|
||||
|
||||
.PHONY: test-js
|
||||
test-js: $(NODE_PATH)/react-scripts $(NODE_PATH)/jest
|
||||
test-js: $(NODE_PATH)/vite $(NODE_PATH)/jest
|
||||
CI=true NODE_OPTIONS="--unhandled-rejections=strict" npm test -- --coverage
|
||||
|
||||
.PHONY: lint-js
|
||||
@@ -49,22 +49,8 @@ lint-typescript:
|
||||
format: $(NODE_PATH)/prettier
|
||||
prettier --write 'src/**/*.ts' 'src/**/*.tsx'
|
||||
|
||||
build/stats.json: build
|
||||
env NODE_OPTIONS=--no-experimental-fetch npx source-map-explorer build/static/*/*.{js,css} --json > build/stats.json
|
||||
|
||||
.PHONY: backup-css
|
||||
backup-css:
|
||||
mkdir -p build/static/css build.pre/static
|
||||
rm -fr build.pre/static/*
|
||||
cp -R build/static/css build.pre/static/css
|
||||
|
||||
.PHONY: restore-css
|
||||
restore-css:
|
||||
@(test -d build/static/css && test -d build.pre/static/css && rm -fr build/static/css && cp -R build.pre/static/css build/static/css) || echo
|
||||
|
||||
build.pre/css.diff: build purgecss.config.js
|
||||
npx prettier -w build.pre/static/css/*.css build/static/css/*.css
|
||||
diff -uNr build.pre/static/css build/static/css > build.pre/css.diff || echo
|
||||
dist/stats.json: build
|
||||
env NODE_OPTIONS=--no-experimental-fetch npx source-map-explorer dist/assets/*.{js,css} --json > dist/stats.json
|
||||
|
||||
.PHONY: npm-upgrade
|
||||
npm-upgrade:
|
||||
|
||||
@@ -2,7 +2,7 @@ package ui
|
||||
|
||||
import "embed"
|
||||
|
||||
//go:embed build/* mock/*
|
||||
//go:embed dist/* mock/*
|
||||
|
||||
// StaticFiles exports build and src directorires as embed.FS
|
||||
var StaticFiles embed.FS
|
||||
|
||||
@@ -57,5 +57,6 @@
|
||||
<script type="text/plain" id="defaults">
|
||||
{{ .Defaults }}
|
||||
</script>
|
||||
<script type="module" src="/src/index.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
13761
ui/package-lock.json
generated
13761
ui/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -10,6 +10,7 @@
|
||||
"@fortawesome/free-solid-svg-icons": "6.4.2",
|
||||
"@fortawesome/react-fontawesome": "0.2.0",
|
||||
"@juggle/resize-observer": "3.4.0",
|
||||
"@vitejs/plugin-react": "4.2.0",
|
||||
"body-scroll-lock": "3.1.5",
|
||||
"bootstrap": "5.2.3",
|
||||
"bootswatch": "5.2.3",
|
||||
@@ -44,7 +45,9 @@
|
||||
"react-range": "1.8.14",
|
||||
"react-select": "5.8.0",
|
||||
"react-transition-group": "4.4.5",
|
||||
"typeface-open-sans": "1.1.13"
|
||||
"typeface-open-sans": "1.1.13",
|
||||
"vite": "5.0.3",
|
||||
"vite-tsconfig-paths": "4.2.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/plugin-proposal-private-property-in-object": "7.21.11",
|
||||
@@ -66,6 +69,7 @@
|
||||
"@types/qs": "6.9.10",
|
||||
"@types/react": "17.0.50",
|
||||
"@types/react-dom": "17.0.17",
|
||||
"@vitejs/plugin-legacy": "5.2.0",
|
||||
"@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
|
||||
"diffable-html": "5.0.0",
|
||||
"enzyme": "3.11.0",
|
||||
@@ -74,11 +78,15 @@
|
||||
"eslint-plugin-jest": "27.6.0",
|
||||
"eslint-plugin-prettier": "5.0.1",
|
||||
"fetch-mock": "9.11.0",
|
||||
"identity-obj-proxy": "3.0.0",
|
||||
"jest": "29.7.0",
|
||||
"jest-environment-jsdom": "29.7.0",
|
||||
"jest-fetch-mock": "3.0.3",
|
||||
"node-fetch": "2.6.11",
|
||||
"prettier": "3.1.0",
|
||||
"purgecss": "5.0.0",
|
||||
"react-scripts": "5.0.1",
|
||||
"sass": "1.69.5",
|
||||
"terser": "5.24.0",
|
||||
"ts-jest": "29.1.1",
|
||||
"typescript": "4.9.5"
|
||||
},
|
||||
"overrides": {
|
||||
@@ -87,11 +95,10 @@
|
||||
}
|
||||
},
|
||||
"scripts": {
|
||||
"start": "REACT_APP_BACKEND_URI=http://localhost:8080 react-scripts start",
|
||||
"build": "react-scripts build",
|
||||
"postbuild": "make backup-css && purgecss -c purgecss.config.js -o build/static/css",
|
||||
"test": "react-scripts test",
|
||||
"analyze": "npx source-map-explorer 'build/static/js/*.js'"
|
||||
"start": "VITE_APP_BACKEND_URI=http://localhost:8080 vite",
|
||||
"build": "tsc && vite build",
|
||||
"test": "jest",
|
||||
"analyze": "npx source-map-explorer 'dist/assets/*.js'"
|
||||
},
|
||||
"jest": {
|
||||
"collectCoverageFrom": [
|
||||
@@ -100,17 +107,17 @@
|
||||
"!src/__fixtures__/Stories.{js,ts,tsx}",
|
||||
"!src/react-app-env.d.ts",
|
||||
"!src/Models/*.ts"
|
||||
],
|
||||
"preset": "ts-jest/presets/js-with-ts",
|
||||
"testEnvironment": "jest-environment-jsdom",
|
||||
"moduleNameMapper": {
|
||||
"\\.(css|less|scss)$": "identity-obj-proxy"
|
||||
},
|
||||
"modulePaths": [
|
||||
"<rootDir>/src"
|
||||
],
|
||||
"setupFilesAfterEnv": [
|
||||
"<rootDir>/src/setupTests.ts"
|
||||
]
|
||||
},
|
||||
"browserslist": [
|
||||
">= 1%",
|
||||
"last 1 major version",
|
||||
"not dead",
|
||||
"Chrome >= 49",
|
||||
"Firefox >= 52",
|
||||
"Edge >= 12",
|
||||
"iOS >= 9",
|
||||
"Safari >= 10",
|
||||
"Android >= 4.4"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
module.exports = {
|
||||
content: ["build/index.html", "build/static/js/*.js", "src/**/*.{ts,tsx}"],
|
||||
css: ["build/static/css/*.css"],
|
||||
output: "build/static/css",
|
||||
variables: true,
|
||||
fontFace: false,
|
||||
keyframes: false,
|
||||
safelist: {
|
||||
greedy: [
|
||||
/^components-/,
|
||||
/^firing-[0-9]$/,
|
||||
/^alert-history-loading-/,
|
||||
/^btn/,
|
||||
/^--bs-/,
|
||||
],
|
||||
},
|
||||
};
|
||||
@@ -1,6 +1,9 @@
|
||||
import { mount } from "enzyme";
|
||||
|
||||
import fetchMock from "fetch-mock";
|
||||
|
||||
import { mockMatchMedia } from "__fixtures__/matchMedia";
|
||||
import { EmptyAPIResponse } from "__fixtures__/Fetch";
|
||||
import type { UIDefaults, ThemeT } from "Models/UI";
|
||||
import { SilenceFormStore, NewEmptyMatcher } from "Stores/SilenceFormStore";
|
||||
import { StringToOption } from "Common/Select";
|
||||
@@ -35,6 +38,11 @@ beforeEach(() => {
|
||||
disconnect: jest.fn(),
|
||||
}));
|
||||
global.ResizeObserverEntry = jest.fn();
|
||||
|
||||
fetchMock.reset();
|
||||
fetchMock.mock("*", {
|
||||
body: JSON.stringify(EmptyAPIResponse()),
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
|
||||
@@ -2,14 +2,14 @@
|
||||
|
||||
exports[`<AlertHistory /> handles fetch errors 1`] = `
|
||||
"
|
||||
<div class=\\"w-100 d-flex\\">
|
||||
<div class=\\"w-100 d-flex justify-content-between align-self-center\\">
|
||||
<div class=\\"alert-history-tooltip tooltip-trigger\\">
|
||||
<svg class=\\"alert-history\\">
|
||||
<div class="w-100 d-flex">
|
||||
<div class="w-100 d-flex justify-content-between align-self-center">
|
||||
<div class="alert-history-tooltip tooltip-trigger">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"error\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="error"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
@@ -21,14 +21,14 @@ exports[`<AlertHistory /> handles fetch errors 1`] = `
|
||||
|
||||
exports[`<AlertHistory /> handles reponses with errors 1`] = `
|
||||
"
|
||||
<div class=\\"w-100 d-flex\\">
|
||||
<div class=\\"w-100 d-flex justify-content-between align-self-center\\">
|
||||
<div class=\\"alert-history-tooltip tooltip-trigger\\">
|
||||
<svg class=\\"alert-history\\">
|
||||
<div class="w-100 d-flex">
|
||||
<div class="w-100 d-flex justify-content-between align-self-center">
|
||||
<div class="alert-history-tooltip tooltip-trigger">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"error\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="error"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
@@ -40,197 +40,197 @@ exports[`<AlertHistory /> handles reponses with errors 1`] = `
|
||||
|
||||
exports[`<AlertHistory /> matches snapshot with empty response 1`] = `
|
||||
"
|
||||
<div class=\\"w-100 d-flex\\">
|
||||
<div class=\\"w-100 d-flex justify-content-between align-self-center\\">
|
||||
<svg class=\\"alert-history\\">
|
||||
<div class="w-100 d-flex">
|
||||
<div class="w-100 d-flex justify-content-between align-self-center">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
@@ -241,197 +241,197 @@ exports[`<AlertHistory /> matches snapshot with empty response 1`] = `
|
||||
|
||||
exports[`<AlertHistory /> matches snapshot with rainbow response 1`] = `
|
||||
"
|
||||
<div class=\\"w-100 d-flex\\">
|
||||
<div class=\\"w-100 d-flex justify-content-between align-self-center\\">
|
||||
<svg class=\\"alert-history\\">
|
||||
<div class="w-100 d-flex">
|
||||
<div class="w-100 d-flex justify-content-between align-self-center">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-1\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-1"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-2\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-2"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-3\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-3"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-4\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-4"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-5\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-5"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-1\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-1"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-2\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-2"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-3\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-3"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-4\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-4"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-5\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-5"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-1\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-1"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-2\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-2"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-3\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-3"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-4\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-4"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-5\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-5"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"inactive\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="inactive"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-1\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-1"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-2\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-2"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-3\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-3"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-4\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-4"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
<svg class=\\"alert-history\\">
|
||||
<svg class="alert-history">
|
||||
<rect
|
||||
rx=\\"2\\"
|
||||
ry=\\"2\\"
|
||||
class=\\"firing firing-5\\"
|
||||
rx="2"
|
||||
ry="2"
|
||||
class="firing firing-5"
|
||||
>
|
||||
</rect>
|
||||
</svg>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
exports[`<CenteredMessage /> matches snapshot 1`] = `
|
||||
"
|
||||
<h1 class=\\"display-1 text-placeholder screen-center\\">
|
||||
<h1 class="display-1 text-placeholder screen-center">
|
||||
<div>
|
||||
Foo
|
||||
</div>
|
||||
|
||||
@@ -2,24 +2,24 @@
|
||||
|
||||
exports[`<Dots /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\"cursor-pointer components-fetcher \\">
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="cursor-pointer components-fetcher ">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot dot-middle visible\\">
|
||||
<div class="dot dot-middle visible">
|
||||
</div>
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot visible\\">
|
||||
<div class="dot visible">
|
||||
</div>
|
||||
<div class=\\"dot hidden\\">
|
||||
<div class="dot hidden">
|
||||
</div>
|
||||
</div>
|
||||
"
|
||||
|
||||
@@ -2,53 +2,53 @@
|
||||
|
||||
exports[`<Alert /> matches snapshot when inhibited 1`] = `
|
||||
"
|
||||
<li class=\\"components-grid-alertgrid-alertgroup-alert list-group-item bg-transparent ps-1 pe-0 py-0 my-1 rounded-0 border-start-1 border-end-0 border-top-0 border-bottom-0 border-danger\\">
|
||||
<li class="components-grid-alertgrid-alertgroup-alert list-group-item bg-transparent ps-1 pe-0 py-0 my-1 rounded-0 border-start-1 border-end-0 border-top-0 border-bottom-0 border-danger">
|
||||
<div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100\\">
|
||||
<span class=\\"cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100">
|
||||
<span class="cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-right\\"
|
||||
class=\\"svg-inline--fa fa-angle-right me-1 text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-right"
|
||||
class="svg-inline--fa fa-angle-right me-1 text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<span class=\\"text-muted\\">
|
||||
<span class="text-muted">
|
||||
help:
|
||||
</span>
|
||||
</span>
|
||||
<span class=\\"Linkify\\">
|
||||
<span class="Linkify">
|
||||
<span>
|
||||
some long text
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-left\\"
|
||||
class=\\"svg-inline--fa fa-angle-left me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-left"
|
||||
class="svg-inline--fa fa-angle-left me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -58,88 +58,88 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
|
||||
</div>
|
||||
<span>
|
||||
<span
|
||||
class=\\"components-label components-label-with-hover px-1 me-1 badge bg-secondary cursor-pointer\\"
|
||||
data-toggle=\\"dropdown\\"
|
||||
class="components-label components-label-with-hover px-1 me-1 badge bg-secondary cursor-pointer"
|
||||
data-toggle="dropdown"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"caret-down\\"
|
||||
class=\\"svg-inline--fa fa-caret-down pe-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
style=\\"width: 0.8rem;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="caret-down"
|
||||
class="svg-inline--fa fa-caret-down pe-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
style="width: 0.8rem;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\\"
|
||||
fill="currentColor"
|
||||
d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
1 day ago
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"badge bg-light components-label components-label-with-hover cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="badge bg-light components-label components-label-with-hover cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"volume-xmark\\"
|
||||
class=\\"svg-inline--fa fa-volume-xmark text-success\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 576 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="volume-xmark"
|
||||
class="svg-inline--fa fa-volume-xmark text-success"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3zM425 167l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z\\"
|
||||
fill="currentColor"
|
||||
d="M301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3zM425 167l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
job:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
node_exporter
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
cluster:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
dev
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<a
|
||||
href=\\"http://localhost\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
|
||||
href="http://localhost"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="components-label components-label-with-hover badge border components-grid-annotation-link"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"up-right-from-square\\"
|
||||
class=\\"svg-inline--fa fa-up-right-from-square \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="up-right-from-square"
|
||||
class="svg-inline--fa fa-up-right-from-square "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z\\"
|
||||
fill="currentColor"
|
||||
d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -151,53 +151,53 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
|
||||
|
||||
exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=false 1`] = `
|
||||
"
|
||||
<li class=\\"components-grid-alertgrid-alertgroup-alert list-group-item bg-transparent ps-1 pe-0 py-0 my-1 rounded-0 border-start-1 border-end-0 border-top-0 border-bottom-0 border-danger\\">
|
||||
<li class="components-grid-alertgrid-alertgroup-alert list-group-item bg-transparent ps-1 pe-0 py-0 my-1 rounded-0 border-start-1 border-end-0 border-top-0 border-bottom-0 border-danger">
|
||||
<div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100\\">
|
||||
<span class=\\"cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100">
|
||||
<span class="cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-right\\"
|
||||
class=\\"svg-inline--fa fa-angle-right me-1 text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-right"
|
||||
class="svg-inline--fa fa-angle-right me-1 text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<span class=\\"text-muted\\">
|
||||
<span class="text-muted">
|
||||
help:
|
||||
</span>
|
||||
</span>
|
||||
<span class=\\"Linkify\\">
|
||||
<span class="Linkify">
|
||||
<span>
|
||||
some long text
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-left\\"
|
||||
class=\\"svg-inline--fa fa-angle-left me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-left"
|
||||
class="svg-inline--fa fa-angle-left me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -207,68 +207,68 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
|
||||
</div>
|
||||
<span>
|
||||
<span
|
||||
class=\\"components-label components-label-with-hover px-1 me-1 badge bg-secondary cursor-pointer\\"
|
||||
data-toggle=\\"dropdown\\"
|
||||
class="components-label components-label-with-hover px-1 me-1 badge bg-secondary cursor-pointer"
|
||||
data-toggle="dropdown"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"caret-down\\"
|
||||
class=\\"svg-inline--fa fa-caret-down pe-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
style=\\"width: 0.8rem;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="caret-down"
|
||||
class="svg-inline--fa fa-caret-down pe-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
style="width: 0.8rem;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\\"
|
||||
fill="currentColor"
|
||||
d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
1 day ago
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
job:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
node_exporter
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
cluster:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
dev
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<a
|
||||
href=\\"http://localhost\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
|
||||
href="http://localhost"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="components-label components-label-with-hover badge border components-grid-annotation-link"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"up-right-from-square\\"
|
||||
class=\\"svg-inline--fa fa-up-right-from-square \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="up-right-from-square"
|
||||
class="svg-inline--fa fa-up-right-from-square "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z\\"
|
||||
fill="currentColor"
|
||||
d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
|
||||
"
|
||||
<a
|
||||
href=\\"http://localhost/foo\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
|
||||
href="http://localhost/foo"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="components-label components-label-with-hover badge border components-grid-annotation-link"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"up-right-from-square\\"
|
||||
class=\\"svg-inline--fa fa-up-right-from-square \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="up-right-from-square"
|
||||
class="svg-inline--fa fa-up-right-from-square "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z\\"
|
||||
fill="currentColor"
|
||||
d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -31,21 +31,21 @@ exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
|
||||
|
||||
exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=false 1`] = `
|
||||
"
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-left\\"
|
||||
class=\\"svg-inline--fa fa-angle-left me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-left"
|
||||
class="svg-inline--fa fa-angle-left me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -57,30 +57,30 @@ exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=false 1`] = `
|
||||
|
||||
exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=true 1`] = `
|
||||
"
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100\\">
|
||||
<span class=\\"cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100">
|
||||
<span class="cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-right\\"
|
||||
class=\\"svg-inline--fa fa-angle-right me-1 text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-right"
|
||||
class="svg-inline--fa fa-angle-right me-1 text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<span class=\\"text-muted\\">
|
||||
<span class="text-muted">
|
||||
foo:
|
||||
</span>
|
||||
</span>
|
||||
<span class=\\"Linkify\\">
|
||||
<span class="Linkify">
|
||||
<span>
|
||||
some long text
|
||||
</span>
|
||||
|
||||
@@ -2,53 +2,53 @@
|
||||
|
||||
exports[`<GroupFooter /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\"card-footer components-grid-alertgrid-alertgroup-footer px-2 py-1\\">
|
||||
<div class=\\"mb-1\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100\\">
|
||||
<span class=\\"cursor-pointer\\">
|
||||
<div class="card-footer components-grid-alertgrid-alertgroup-footer px-2 py-1">
|
||||
<div class="mb-1">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100">
|
||||
<span class="cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-right\\"
|
||||
class=\\"svg-inline--fa fa-angle-right me-1 text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-right"
|
||||
class="svg-inline--fa fa-angle-right me-1 text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<span class=\\"text-muted\\">
|
||||
<span class="text-muted">
|
||||
summary:
|
||||
</span>
|
||||
</span>
|
||||
<span class=\\"Linkify\\">
|
||||
<span class="Linkify">
|
||||
<span>
|
||||
This is summary
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-left\\"
|
||||
class=\\"svg-inline--fa fa-angle-left me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-left"
|
||||
class="svg-inline--fa fa-angle-left me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -56,55 +56,55 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
label1:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
foo
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
label2:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
@receiver:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
by-name
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<a
|
||||
href=\\"http://link.example.com\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
|
||||
href="http://link.example.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="components-label components-label-with-hover badge border components-grid-annotation-link"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"up-right-from-square\\"
|
||||
class=\\"svg-inline--fa fa-up-right-from-square \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="up-right-from-square"
|
||||
class="svg-inline--fa fa-up-right-from-square "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z\\"
|
||||
fill="currentColor"
|
||||
d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -116,53 +116,53 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
|
||||
|
||||
exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
|
||||
"
|
||||
<div class=\\"card-footer components-grid-alertgrid-alertgroup-footer px-2 py-1\\">
|
||||
<div class=\\"mb-1\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100\\">
|
||||
<span class=\\"cursor-pointer\\">
|
||||
<div class="card-footer components-grid-alertgrid-alertgroup-footer px-2 py-1">
|
||||
<div class="mb-1">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100">
|
||||
<span class="cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-right\\"
|
||||
class=\\"svg-inline--fa fa-angle-right me-1 text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-right"
|
||||
class="svg-inline--fa fa-angle-right me-1 text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<span class=\\"text-muted\\">
|
||||
<span class="text-muted">
|
||||
summary:
|
||||
</span>
|
||||
</span>
|
||||
<span class=\\"Linkify\\">
|
||||
<span class="Linkify">
|
||||
<span>
|
||||
This is summary
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=\\"mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<div class="mb-1 p-1 bg-light d-inline-block rounded components-grid-annotation text-break mw-100 cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-left\\"
|
||||
class=\\"svg-inline--fa fa-angle-left me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-left"
|
||||
class="svg-inline--fa fa-angle-left me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -170,114 +170,114 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
label1:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
foo
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
label2:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
@receiver:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
by-name
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<a
|
||||
href=\\"http://link.example.com\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
|
||||
href="http://link.example.com"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="components-label components-label-with-hover badge border components-grid-annotation-link"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"up-right-from-square\\"
|
||||
class=\\"svg-inline--fa fa-up-right-from-square \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="up-right-from-square"
|
||||
class="svg-inline--fa fa-up-right-from-square "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z\\"
|
||||
fill="currentColor"
|
||||
d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
link
|
||||
</a>
|
||||
<div class=\\"components-grid-alertgrid-alertgroup-shared-silence rounded-0 border-0\\">
|
||||
<div class=\\"card my-1 components-managed-silence w-100\\">
|
||||
<div class=\\"card-header rounded-0 border-bottom-0 px-2\\">
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="components-grid-alertgrid-alertgroup-shared-silence rounded-0 border-0">
|
||||
<div class="card my-1 components-managed-silence w-100">
|
||||
<div class="card-header rounded-0 border-bottom-0 px-2">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment text-truncate overflow-hidden\\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment text-truncate overflow-hidden">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden me-2\\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden me-2">
|
||||
— me@example.com
|
||||
</span>
|
||||
<div class=\\"d-flex flex-row justify-content-end flex-grow-1\\">
|
||||
<span class=\\"badge bg-danger components-label\\">
|
||||
<div class="d-flex flex-row justify-content-end flex-grow-1">
|
||||
<span class="badge bg-danger components-label">
|
||||
Expired 14 hours ago
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -286,14 +286,14 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"progress silence-progress mx-2 mb-1\\">
|
||||
<div class="progress silence-progress mx-2 mb-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-danger\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 1500%;\\"
|
||||
aria-valuenow=\\"1500\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-danger"
|
||||
role="progressbar"
|
||||
style="width: 1500%;"
|
||||
aria-valuenow="1500"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,59 +2,59 @@
|
||||
|
||||
exports[`<RenderSilence /> renders ManagedSilence if silence is present in AlertStore 1`] = `
|
||||
"
|
||||
<div class=\\"card my-1 components-managed-silence w-100\\">
|
||||
<div class=\\"card-header rounded-0 border-bottom-0 px-2\\">
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="card my-1 components-managed-silence w-100">
|
||||
<div class="card-header rounded-0 border-bottom-0 px-2">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment text-truncate overflow-hidden\\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment text-truncate overflow-hidden">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden me-2\\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden me-2">
|
||||
— me@example.com
|
||||
</span>
|
||||
<div class=\\"d-flex flex-row justify-content-end flex-grow-1\\">
|
||||
<span class=\\"badge bg-danger components-label\\">
|
||||
<div class="d-flex flex-row justify-content-end flex-grow-1">
|
||||
<span class="badge bg-danger components-label">
|
||||
Expired 1 month ago
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -63,14 +63,14 @@ exports[`<RenderSilence /> renders ManagedSilence if silence is present in Alert
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"progress silence-progress mx-2 mb-1\\">
|
||||
<div class="progress silence-progress mx-2 mb-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-danger\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 74400%;\\"
|
||||
aria-valuenow=\\"74400\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-danger"
|
||||
role="progressbar"
|
||||
style="width: 74400%;"
|
||||
aria-valuenow="74400"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -80,8 +80,8 @@ exports[`<RenderSilence /> renders ManagedSilence if silence is present in Alert
|
||||
|
||||
exports[`<RenderSilence /> renders fallback text if silence is not present in AlertStore 1`] = `
|
||||
"
|
||||
<div class=\\"m-1\\">
|
||||
<small class=\\"text-muted\\">
|
||||
<div class="m-1">
|
||||
<small class="text-muted">
|
||||
Silenced by 1234567890
|
||||
</small>
|
||||
</div>
|
||||
|
||||
@@ -2,20 +2,20 @@
|
||||
|
||||
exports[`<EmptyGrid /> matches snapshot 1`] = `
|
||||
"
|
||||
<h1 class=\\"display-1 text-placeholder screen-center\\">
|
||||
<h1 class="display-1 text-placeholder screen-center">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"mug-hot\\"
|
||||
class=\\"svg-inline--fa fa-mug-hot screen-center-icon-big text-placeholder\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="mug-hot"
|
||||
class="svg-inline--fa fa-mug-hot screen-center-icon-big text-placeholder"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M88 0C74.7 0 64 10.7 64 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C120.5 112.3 128 119.9 128 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C119.5 47.7 112 40.1 112 24c0-13.3-10.7-24-24-24zM32 192c-17.7 0-32 14.3-32 32V416c0 53 43 96 96 96H288c53 0 96-43 96-96h16c61.9 0 112-50.1 112-112s-50.1-112-112-112H352 32zm352 64h16c26.5 0 48 21.5 48 48s-21.5 48-48 48H384V256zM224 24c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C232.5 112.3 240 119.9 240 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C231.5 47.7 224 40.1 224 24z\\"
|
||||
fill="currentColor"
|
||||
d="M88 0C74.7 0 64 10.7 64 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C120.5 112.3 128 119.9 128 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C119.5 47.7 112 40.1 112 24c0-13.3-10.7-24-24-24zM32 192c-17.7 0-32 14.3-32 32V416c0 53 43 96 96 96H288c53 0 96-43 96-96h16c61.9 0 112-50.1 112-112s-50.1-112-112-112H352 32zm352 64h16c26.5 0 48 21.5 48 48s-21.5 48-48 48H384V256zM224 24c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C232.5 112.3 240 119.9 240 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C231.5 47.7 224 40.1 224 24z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -2,25 +2,25 @@
|
||||
|
||||
exports[`<FatalError /> matches snapshot 1`] = `
|
||||
"
|
||||
<h1 class=\\"display-1 text-placeholder screen-center\\">
|
||||
<div class=\\"container-fluid text-center\\">
|
||||
<h1 class="display-1 text-placeholder screen-center">
|
||||
<div class="container-fluid text-center">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-exclamation\\"
|
||||
class=\\"svg-inline--fa fa-circle-exclamation screen-center-icon-big text-danger mb-4\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-exclamation"
|
||||
class="svg-inline--fa fa-circle-exclamation screen-center-icon-big text-danger mb-4"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<p class=\\"lead text-white bg-secondary p-3 rounded text-wrap text-break\\">
|
||||
<p class="lead text-white bg-secondary p-3 rounded text-wrap text-break">
|
||||
foo bar
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
exports[`<NoUpstream /> matches snapshot 1`] = `
|
||||
"
|
||||
<h1 class=\\"display-1 text-placeholder screen-center\\">
|
||||
<h1 class="display-1 text-placeholder screen-center">
|
||||
No alertmanager server configured
|
||||
</h1>
|
||||
"
|
||||
|
||||
@@ -2,38 +2,38 @@
|
||||
|
||||
exports[`<ReloadNeeded /> matches snapshot 1`] = `
|
||||
"
|
||||
<h1 class=\\"display-1 text-placeholder screen-center\\">
|
||||
<div class=\\"container-fluid text-center\\">
|
||||
<h1 class="display-1 text-placeholder screen-center">
|
||||
<div class="container-fluid text-center">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-exclamation\\"
|
||||
class=\\"svg-inline--fa fa-circle-exclamation screen-center-icon-big text-danger mb-4\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-exclamation"
|
||||
class="svg-inline--fa fa-circle-exclamation screen-center-icon-big text-danger mb-4"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<p class=\\"lead text-white bg-secondary p-3 rounded text-wrap text-break\\">
|
||||
<p class="lead text-white bg-secondary p-3 rounded text-wrap text-break">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"spinner\\"
|
||||
class=\\"svg-inline--fa fa-spinner fa-spin me-2\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="spinner"
|
||||
class="svg-inline--fa fa-spinner fa-spin me-2"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z\\"
|
||||
fill="currentColor"
|
||||
d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -2,40 +2,40 @@
|
||||
|
||||
exports[`<UpgradeNeeded /> matches snapshot 1`] = `
|
||||
"
|
||||
<h1 class=\\"display-1 text-placeholder screen-center\\">
|
||||
<div class=\\"container-fluid text-center\\">
|
||||
<div class=\\"shake-slow shake-constant mb-4\\">
|
||||
<h1 class="display-1 text-placeholder screen-center">
|
||||
<div class="container-fluid text-center">
|
||||
<div class="shake-slow shake-constant mb-4">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"rocket\\"
|
||||
class=\\"svg-inline--fa fa-rocket screen-center-icon-big text-success\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="rocket"
|
||||
class="svg-inline--fa fa-rocket screen-center-icon-big text-success"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M156.6 384.9L125.7 354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3l82.3 0c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9V380.8c-14.1 4.9-26.4 8.9-35.7 11.9c-11.2 3.6-23.4 .5-31.8-7.8zM384 168a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\\"
|
||||
fill="currentColor"
|
||||
d="M156.6 384.9L125.7 354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3l82.3 0c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9V380.8c-14.1 4.9-26.4 8.9-35.7 11.9c-11.2 3.6-23.4 .5-31.8-7.8zM384 168a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<p class=\\"lead text-muted\\">
|
||||
<p class="lead text-muted">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"spinner\\"
|
||||
class=\\"svg-inline--fa fa-spinner fa-spin me-2\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="spinner"
|
||||
class="svg-inline--fa fa-spinner fa-spin me-2"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z\\"
|
||||
fill="currentColor"
|
||||
d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -3,54 +3,54 @@
|
||||
exports[`<LabelSetList /> matches snapshot with populated list 1`] = `
|
||||
"
|
||||
<div>
|
||||
<p class=\\"lead text-center\\">
|
||||
<p class="lead text-center">
|
||||
Affected alerts
|
||||
</p>
|
||||
<div>
|
||||
<ul class=\\"list-group list-group-flush mb-3\\">
|
||||
<li class=\\"list-group-item px-0 pt-2 pb-1\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark \\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<ul class="list-group list-group-flush mb-3">
|
||||
<li class="list-group-item px-0 pt-2 pb-1">
|
||||
<span class="components-label badge bg-default components-label-dark ">
|
||||
<span class="components-label-name">
|
||||
foo:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class=\\"list-group-item px-0 pt-2 pb-1\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark \\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<li class="list-group-item px-0 pt-2 pb-1">
|
||||
<span class="components-label badge bg-default components-label-dark ">
|
||||
<span class="components-label-name">
|
||||
job:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
node_exporter
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class=\\"list-group-item px-0 pt-2 pb-1\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark \\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<li class="list-group-item px-0 pt-2 pb-1">
|
||||
<span class="components-label badge bg-default components-label-dark ">
|
||||
<span class="components-label-name">
|
||||
instance:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
server1
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class=\\"list-group-item px-0 pt-2 pb-1\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark \\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<li class="list-group-item px-0 pt-2 pb-1">
|
||||
<span class="components-label badge bg-default components-label-dark ">
|
||||
<span class="components-label-name">
|
||||
cluster:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
prod
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=\\"components-pagination\\">
|
||||
<div class="components-pagination">
|
||||
</div>
|
||||
</div>
|
||||
"
|
||||
|
||||
@@ -2,12 +2,12 @@
|
||||
|
||||
exports[`<FilteringLabel /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select\\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover components-label-without-select">
|
||||
<span class="components-label-name">
|
||||
foo:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
|
||||
@@ -2,42 +2,42 @@
|
||||
|
||||
exports[`<LabelWithPercent /> matches snapshot with isActive=true 1`] = `
|
||||
"
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
25
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"xmark\\"
|
||||
class=\\"svg-inline--fa fa-xmark cursor-pointer text-reset ms-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
style=\\"font-size: 100%;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="xmark"
|
||||
class="svg-inline--fa fa-xmark cursor-pointer text-reset ms-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
style="font-size: 100%;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\\"
|
||||
fill="currentColor"
|
||||
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-warning\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-warning"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -47,25 +47,25 @@ exports[`<LabelWithPercent /> matches snapshot with isActive=true 1`] = `
|
||||
|
||||
exports[`<LabelWithPercent /> matches snapshot with offset=0 1`] = `
|
||||
"
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
25
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-warning\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-warning"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -75,34 +75,34 @@ exports[`<LabelWithPercent /> matches snapshot with offset=0 1`] = `
|
||||
|
||||
exports[`<LabelWithPercent /> matches snapshot with offset=25 1`] = `
|
||||
"
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
25
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 25%;\\"
|
||||
aria-valuenow=\\"25\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 25%;"
|
||||
aria-valuenow="25"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-warning\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-warning"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,11 +2,11 @@
|
||||
|
||||
exports[`<StaticLabel /> matches snapshot 1`] = `
|
||||
"
|
||||
<span class=\\"components-label badge bg-default components-label-dark \\">
|
||||
<span class=\\"components-label-name\\">
|
||||
<span class="components-label badge bg-default components-label-dark ">
|
||||
<span class="components-label-name">
|
||||
foo:
|
||||
</span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar
|
||||
</span>
|
||||
</span>
|
||||
|
||||
@@ -2,65 +2,65 @@
|
||||
|
||||
exports[`<AlertGroupCollapseConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="mb-0">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-collapse-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-collapse-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Collapse on mobile
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-collapse-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-collapse-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -2,20 +2,20 @@
|
||||
|
||||
exports[`<AlertGroupConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"25\\"
|
||||
aria-valuemin=\\"1\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="25"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="5"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
|
||||
@@ -2,67 +2,67 @@
|
||||
|
||||
exports[`<AlertGroupSortConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="mb-0">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-0 flex-grow-1 flex-basis-auto">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-sort-order-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-sort-order-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Use defaults from karma config file
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-sort-order-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-sort-order-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -2,17 +2,17 @@
|
||||
|
||||
exports[`<AlertGroupTitleBarColor /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"form-check form-check-inline mx-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="mb-0">
|
||||
<div class="form-check form-check-inline mx-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-colortitlebar\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-colortitlebar"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-colortitlebar\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-colortitlebar"
|
||||
>
|
||||
Color group titlebar
|
||||
</label>
|
||||
|
||||
@@ -2,20 +2,20 @@
|
||||
|
||||
exports[`<AlertGroupWidthConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"800\\"
|
||||
aria-valuemin=\\"300\\"
|
||||
aria-valuenow=\\"420\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="800"
|
||||
aria-valuemin="300"
|
||||
aria-valuenow="420"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
420
|
||||
</div>
|
||||
|
||||
@@ -2,18 +2,18 @@
|
||||
|
||||
exports[`<AnimationsConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"form-check form-check-inline mx-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="mb-0">
|
||||
<div class="form-check form-check-inline mx-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-animations\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-animations"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
checked
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-animations\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-animations"
|
||||
>
|
||||
Enable animations
|
||||
</label>
|
||||
|
||||
@@ -2,20 +2,20 @@
|
||||
|
||||
exports[`<FetchConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"120\\"
|
||||
aria-valuemin=\\"10\\"
|
||||
aria-valuenow=\\"30\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="120"
|
||||
aria-valuemin="10"
|
||||
aria-valuenow="30"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
30s
|
||||
</div>
|
||||
|
||||
@@ -2,17 +2,17 @@
|
||||
|
||||
exports[`<FilterBarConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"form-check form-check-inline px-0 mx-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="form-check form-check-inline px-0 mx-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-autohide\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-autohide"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
checked
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-autohide\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-autohide"
|
||||
>
|
||||
Hide filter bar and alert details when idle
|
||||
</label>
|
||||
|
||||
@@ -2,67 +2,67 @@
|
||||
|
||||
exports[`<MultiGridConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto mx-0 mx-lg-1 mt-1 mt-lg-0\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="mb-0">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-0 flex-grow-1 flex-basis-auto mx-0 mx-lg-1 mt-1 mt-lg-0">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-grid-label-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-grid-label-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Disable multi-grid
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-grid-label-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-grid-label-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -70,16 +70,16 @@ exports[`<MultiGridConfiguration /> matches snapshot with default values 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto my-1 my-lg-auto ms-0 ms-lg-2 me-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto my-1 my-lg-auto ms-0 ms-lg-2 me-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-multigrid-sort-reverse\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-multigrid-sort-reverse"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer\\"
|
||||
for=\\"configuration-multigrid-sort-reverse\\"
|
||||
class="form-check-label cursor-pointer"
|
||||
for="configuration-multigrid-sort-reverse"
|
||||
>
|
||||
Reverse order
|
||||
</label>
|
||||
|
||||
@@ -2,65 +2,65 @@
|
||||
|
||||
exports[`<ThemeConfiguration /> matches snapshot with default values 1`] = `
|
||||
"
|
||||
<div class=\\"mb-2\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="mb-2">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-theme-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-theme-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Automatic theme, follow browser preference
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-theme-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-theme-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -2,32 +2,32 @@
|
||||
|
||||
exports[`<Configuration /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\"accordion\\">
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Refresh interval
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"120\\"
|
||||
aria-valuemin=\\"10\\"
|
||||
aria-valuenow=\\"30\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="120"
|
||||
aria-valuemin="10"
|
||||
aria-valuenow="30"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
30s
|
||||
</div>
|
||||
@@ -36,28 +36,28 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Filter bar configuration
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"form-check form-check-inline px-0 mx-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="form-check form-check-inline px-0 mx-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-autohide\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-autohide"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
checked
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-autohide\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-autohide"
|
||||
>
|
||||
Hide filter bar and alert details when idle
|
||||
</label>
|
||||
@@ -66,76 +66,76 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Theme
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-2\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-2">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-theme-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-theme-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Automatic theme, follow browser preference
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-theme-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-theme-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -143,35 +143,35 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"form-check form-check-inline mx-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="mb-0">
|
||||
<div class="form-check form-check-inline mx-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-colortitlebar\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-colortitlebar"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-colortitlebar\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-colortitlebar"
|
||||
>
|
||||
Color group titlebar
|
||||
</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"form-check form-check-inline mx-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="mb-0">
|
||||
<div class="form-check form-check-inline mx-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-animations\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-animations"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
checked
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-animations\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-animations"
|
||||
>
|
||||
Enable animations
|
||||
</label>
|
||||
@@ -181,31 +181,31 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Minimal alert group width
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"800\\"
|
||||
aria-valuemin=\\"300\\"
|
||||
aria-valuenow=\\"420\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="800"
|
||||
aria-valuemin="300"
|
||||
aria-valuenow="420"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
420
|
||||
</div>
|
||||
@@ -214,31 +214,31 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Default number of alerts to show per group
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"25\\"
|
||||
aria-valuemin=\\"1\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="25"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="5"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
@@ -247,76 +247,76 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Default alert group display
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-0">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-collapse-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-collapse-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Collapse on mobile
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-collapse-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-collapse-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -327,78 +327,78 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Grid sort order
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-0">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-0 flex-grow-1 flex-basis-auto">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-sort-order-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-sort-order-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Use defaults from karma config file
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-sort-order-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-sort-order-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -411,78 +411,78 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Multi-grid source label
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto mx-0 mx-lg-1 mt-1 mt-lg-0\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-0">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-0 flex-grow-1 flex-basis-auto mx-0 mx-lg-1 mt-1 mt-lg-0">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-grid-label-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-grid-label-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Disable multi-grid
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-grid-label-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-grid-label-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -490,16 +490,16 @@ exports[`<Configuration /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto my-1 my-lg-auto ms-0 ms-lg-2 me-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto my-1 my-lg-auto ms-0 ms-lg-2 me-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-multigrid-sort-reverse\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-multigrid-sort-reverse"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer\\"
|
||||
for=\\"configuration-multigrid-sort-reverse\\"
|
||||
class="form-check-label cursor-pointer"
|
||||
for="configuration-multigrid-sort-reverse"
|
||||
>
|
||||
Reverse order
|
||||
</label>
|
||||
|
||||
@@ -2,18 +2,18 @@
|
||||
|
||||
exports[`<Help /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\"accordion\\">
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Fiter operators
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<dl>
|
||||
<dt>
|
||||
<kbd>
|
||||
@@ -21,7 +21,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</kbd>
|
||||
Exact match
|
||||
</dt>
|
||||
<dd class=\\"mb-3\\">
|
||||
<dd class="mb-3">
|
||||
<div>
|
||||
Example:
|
||||
<code>
|
||||
@@ -42,7 +42,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</kbd>
|
||||
Negative match
|
||||
</dt>
|
||||
<dd class=\\"mb-3\\">
|
||||
<dd class="mb-3">
|
||||
<div>
|
||||
Example:
|
||||
<code>
|
||||
@@ -63,7 +63,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</kbd>
|
||||
Regular expression match
|
||||
</dt>
|
||||
<dd class=\\"mb-3\\">
|
||||
<dd class="mb-3">
|
||||
<div>
|
||||
Example:
|
||||
<code>
|
||||
@@ -84,7 +84,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</kbd>
|
||||
Negative regular expression match
|
||||
</dt>
|
||||
<dd class=\\"mb-3\\">
|
||||
<dd class="mb-3">
|
||||
<div>
|
||||
Example:
|
||||
<code>
|
||||
@@ -105,7 +105,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</kbd>
|
||||
Greater than match
|
||||
</dt>
|
||||
<dd class=\\"mb-3\\">
|
||||
<dd class="mb-3">
|
||||
<div>
|
||||
Example:
|
||||
<code>
|
||||
@@ -126,7 +126,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</kbd>
|
||||
Less than match
|
||||
</dt>
|
||||
<dd class=\\"mb-3\\">
|
||||
<dd class="mb-3">
|
||||
<div>
|
||||
Example:
|
||||
<code>
|
||||
@@ -145,17 +145,17 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Filtering using alert labels
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<dl>
|
||||
<dt>
|
||||
Match alerts based on any label
|
||||
@@ -163,22 +163,22 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
>
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
<
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -188,7 +188,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
alertname=UnableToPing
|
||||
</span>
|
||||
</div>
|
||||
@@ -206,7 +206,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
hostname=localhost
|
||||
</span>
|
||||
</div>
|
||||
@@ -224,7 +224,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
service!=apache3
|
||||
</span>
|
||||
</div>
|
||||
@@ -242,7 +242,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
service=~apache
|
||||
</span>
|
||||
</div>
|
||||
@@ -260,7 +260,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
service!~.+
|
||||
</span>
|
||||
</div>
|
||||
@@ -274,7 +274,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
service=~apache[1-3]
|
||||
</span>
|
||||
</div>
|
||||
@@ -292,7 +292,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
priority>4
|
||||
</span>
|
||||
</div>
|
||||
@@ -318,34 +318,35 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Filtering alerts using special filters
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<dl>
|
||||
<dt>
|
||||
Match alerts based on the Alertmanager instance name they were collected from
|
||||
Match alerts based on the Alertmanager instance name they were
|
||||
collected from
|
||||
</dt>
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -355,7 +356,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@alertmanager=prod
|
||||
</span>
|
||||
</div>
|
||||
@@ -369,7 +370,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@alertmanager!=dev
|
||||
</span>
|
||||
</div>
|
||||
@@ -383,7 +384,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@alertmanager=~prod
|
||||
</span>
|
||||
</div>
|
||||
@@ -403,16 +404,16 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -422,7 +423,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@cluster=production
|
||||
</span>
|
||||
</div>
|
||||
@@ -436,7 +437,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@cluster!=staging
|
||||
</span>
|
||||
</div>
|
||||
@@ -450,7 +451,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@cluster=~prod
|
||||
</span>
|
||||
</div>
|
||||
@@ -470,16 +471,16 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -489,7 +490,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@receiver=default
|
||||
</span>
|
||||
</div>
|
||||
@@ -499,7 +500,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@receiver!=hipchat
|
||||
</span>
|
||||
</div>
|
||||
@@ -509,7 +510,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@receiver=~email
|
||||
</span>
|
||||
</div>
|
||||
@@ -529,10 +530,10 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -542,7 +543,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@state=active
|
||||
</span>
|
||||
</div>
|
||||
@@ -552,7 +553,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@state!=active
|
||||
</span>
|
||||
</div>
|
||||
@@ -562,7 +563,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@state=suppressed
|
||||
</span>
|
||||
</div>
|
||||
@@ -572,7 +573,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@state=unprocessed
|
||||
</span>
|
||||
</div>
|
||||
@@ -588,10 +589,10 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -601,7 +602,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@fingerprint=123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -615,7 +616,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@fingerprint!=123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -635,10 +636,10 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -648,7 +649,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silenced_by=abc123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -662,7 +663,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silenced_by!=abc123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -682,7 +683,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -692,7 +693,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@inhibited=true
|
||||
</span>
|
||||
</div>
|
||||
@@ -702,7 +703,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@inhibited=false
|
||||
</span>
|
||||
</div>
|
||||
@@ -718,10 +719,10 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -731,7 +732,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@inhibited_by=abc123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -745,7 +746,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@inhibited_by!=abc123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -765,16 +766,16 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -784,7 +785,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silence_author=me@example.com
|
||||
</span>
|
||||
</div>
|
||||
@@ -798,7 +799,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silence_author!=me@example.com
|
||||
</span>
|
||||
</div>
|
||||
@@ -812,7 +813,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silence_author=~@example.com
|
||||
</span>
|
||||
</div>
|
||||
@@ -832,37 +833,38 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
</div>
|
||||
<div class=\\"my-1 alert alert-secondary p-2\\">
|
||||
<div class="my-1 alert alert-secondary p-2">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-info\\"
|
||||
class=\\"svg-inline--fa fa-circle-info me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-info"
|
||||
class="svg-inline--fa fa-circle-info me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
This is supported only if ticket regexp rules are enabled and able to match ticket IDs in the silence comment.
|
||||
This is supported only if ticket regexp rules are enabled and able to
|
||||
match ticket IDs in the silence comment.
|
||||
</div>
|
||||
<div>
|
||||
Examples:
|
||||
@@ -870,7 +872,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silence_ticket=PROJECT-123
|
||||
</span>
|
||||
</div>
|
||||
@@ -884,7 +886,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silence_ticket!=PROJECT-123
|
||||
</span>
|
||||
</div>
|
||||
@@ -898,7 +900,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@silence_ticket=~PROJECT
|
||||
</span>
|
||||
</div>
|
||||
@@ -918,16 +920,16 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!=
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=~
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
!~
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -937,7 +939,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@inhibited_by=abc123456789
|
||||
</span>
|
||||
</div>
|
||||
@@ -951,7 +953,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@inhibited_by=~.+
|
||||
</span>
|
||||
</div>
|
||||
@@ -967,24 +969,24 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
=
|
||||
</kbd>
|
||||
</div>
|
||||
<div class=\\"my-1 alert alert-secondary p-2\\">
|
||||
<div class="my-1 alert alert-secondary p-2">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-info\\"
|
||||
class=\\"svg-inline--fa fa-circle-info me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-info"
|
||||
class="svg-inline--fa fa-circle-info me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -996,7 +998,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@limit=10
|
||||
</span>
|
||||
</div>
|
||||
@@ -1012,10 +1014,10 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<dd>
|
||||
<div>
|
||||
Supported operators:
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
>
|
||||
</kbd>
|
||||
<kbd class=\\"me-1\\">
|
||||
<kbd class="me-1">
|
||||
<
|
||||
</kbd>
|
||||
</div>
|
||||
@@ -1025,7 +1027,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@age>15m
|
||||
</span>
|
||||
</div>
|
||||
@@ -1035,7 +1037,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@age>1h
|
||||
</span>
|
||||
</div>
|
||||
@@ -1045,7 +1047,7 @@ exports[`<Help /> matches snapshot 1`] = `
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<span class=\\"badge bg-info\\">
|
||||
<span class="badge bg-info">
|
||||
@age<10h30m
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -3,48 +3,48 @@
|
||||
exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
"
|
||||
<span>
|
||||
<div class=\\"modal-header py-2\\">
|
||||
<nav class=\\"nav nav-pills nav-justified w-100\\">
|
||||
<span class=\\"nav-item nav-link cursor-pointer mx-1 px-2 active\\">
|
||||
<div class="modal-header py-2">
|
||||
<nav class="nav nav-pills nav-justified w-100">
|
||||
<span class="nav-item nav-link cursor-pointer mx-1 px-2 active">
|
||||
Configuration
|
||||
</span>
|
||||
<span class=\\"nav-item nav-link cursor-pointer mx-1 px-2 components-tab-inactive\\">
|
||||
<span class="nav-item nav-link cursor-pointer mx-1 px-2 components-tab-inactive">
|
||||
Help
|
||||
</span>
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn-close my-auto\\"
|
||||
type="button"
|
||||
class="btn-close my-auto"
|
||||
>
|
||||
</button>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=\\"modal-body\\">
|
||||
<div class=\\"accordion\\">
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="modal-body">
|
||||
<div class="accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Refresh interval
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"120\\"
|
||||
aria-valuemin=\\"10\\"
|
||||
aria-valuenow=\\"30\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="120"
|
||||
aria-valuemin="10"
|
||||
aria-valuenow="30"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
30s
|
||||
</div>
|
||||
@@ -53,28 +53,28 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Filter bar configuration
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"form-check form-check-inline px-0 mx-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="form-check form-check-inline px-0 mx-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-autohide\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-autohide"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
checked
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-autohide\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-autohide"
|
||||
>
|
||||
Hide filter bar and alert details when idle
|
||||
</label>
|
||||
@@ -83,76 +83,76 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Theme
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-2\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-2">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-theme-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-theme-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Automatic theme, follow browser preference
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-theme-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-theme-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -160,35 +160,35 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"form-check form-check-inline mx-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="mb-0">
|
||||
<div class="form-check form-check-inline mx-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-colortitlebar\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-colortitlebar"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-colortitlebar\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-colortitlebar"
|
||||
>
|
||||
Color group titlebar
|
||||
</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"form-check form-check-inline mx-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="mb-0">
|
||||
<div class="form-check form-check-inline mx-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-animations\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-animations"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
checked
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer me-3\\"
|
||||
for=\\"configuration-animations\\"
|
||||
class="form-check-label cursor-pointer me-3"
|
||||
for="configuration-animations"
|
||||
>
|
||||
Enable animations
|
||||
</label>
|
||||
@@ -198,31 +198,31 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Minimal alert group width
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"800\\"
|
||||
aria-valuemin=\\"300\\"
|
||||
aria-valuenow=\\"420\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="800"
|
||||
aria-valuemin="300"
|
||||
aria-valuenow="420"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
420
|
||||
</div>
|
||||
@@ -231,31 +231,31 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Default number of alerts to show per group
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"p-3 text-center\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="p-3 text-center">
|
||||
<div
|
||||
class=\\"input-range-track\\"
|
||||
style=\\"transform: scale(1); cursor: pointer;\\"
|
||||
class="input-range-track"
|
||||
style="transform: scale(1); cursor: pointer;"
|
||||
>
|
||||
<div
|
||||
class=\\"input-range-thumb\\"
|
||||
style=\\"position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);\\"
|
||||
tabindex=\\"0\\"
|
||||
aria-valuemax=\\"25\\"
|
||||
aria-valuemin=\\"1\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
draggable=\\"false\\"
|
||||
role=\\"slider\\"
|
||||
class="input-range-thumb"
|
||||
style="position: absolute; z-index: 0; cursor: grab; user-select: none; transform: translate(NaNpx, NaNpx);"
|
||||
tabindex="0"
|
||||
aria-valuemax="25"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="5"
|
||||
draggable="false"
|
||||
role="slider"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
@@ -264,76 +264,76 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Default alert group display
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-0">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-collapse-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-collapse-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Collapse on mobile
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-collapse-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-collapse-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -344,78 +344,78 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Grid sort order
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-0">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-0 flex-grow-1 flex-basis-auto">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-sort-order-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-sort-order-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Use defaults from karma config file
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-sort-order-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-sort-order-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -428,78 +428,78 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"accordion-item\\">
|
||||
<h2 class=\\"accordion-header\\">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class=\\"accordion-button \\"
|
||||
type=\\"button\\"
|
||||
class="accordion-button "
|
||||
type="button"
|
||||
>
|
||||
Multi-grid source label
|
||||
</button>
|
||||
</h2>
|
||||
<div class=\\"accordion-collapse show\\">
|
||||
<div class=\\"accordion-body\\">
|
||||
<div class=\\"mb-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-1 flex-basis-auto mx-0 mx-lg-1 mt-1 mt-lg-0\\">
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class="accordion-collapse show">
|
||||
<div class="accordion-body">
|
||||
<div class="mb-0">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-0 flex-grow-1 flex-basis-auto mx-0 mx-lg-1 mt-1 mt-lg-0">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-configuration-grid-label-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-configuration-grid-label-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
Disable multi-grid
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-configuration-grid-label-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-configuration-grid-label-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -507,16 +507,16 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto my-1 my-lg-auto ms-0 ms-lg-2 me-0 px-0\\">
|
||||
<span class=\\"form-check form-switch\\">
|
||||
<div class="flex-shrink-1 flex-grow-0 form-check form-check-inline flex-basis-auto my-1 my-lg-auto ms-0 ms-lg-2 me-0 px-0">
|
||||
<span class="form-check form-switch">
|
||||
<input
|
||||
id=\\"configuration-multigrid-sort-reverse\\"
|
||||
class=\\"form-check-input\\"
|
||||
type=\\"checkbox\\"
|
||||
id="configuration-multigrid-sort-reverse"
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
>
|
||||
<label
|
||||
class=\\"form-check-label cursor-pointer\\"
|
||||
for=\\"configuration-multigrid-sort-reverse\\"
|
||||
class="form-check-label cursor-pointer"
|
||||
for="configuration-multigrid-sort-reverse"
|
||||
>
|
||||
Reverse order
|
||||
</label>
|
||||
@@ -529,8 +529,8 @@ exports[`<MainModalContent /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"modal-footer\\">
|
||||
<span class=\\"text-muted\\">
|
||||
<div class="modal-footer">
|
||||
<span class="text-muted">
|
||||
Version: unknown
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -2,62 +2,62 @@
|
||||
|
||||
exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
|
||||
"
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment text-truncate overflow-hidden\\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment text-truncate overflow-hidden">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden me-2\\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden me-2">
|
||||
— me@example.com
|
||||
</span>
|
||||
<div class=\\"d-flex flex-row justify-content-end flex-grow-1\\">
|
||||
<span class=\\"badge bg-light components-label\\">
|
||||
<div class="d-flex flex-row justify-content-end flex-grow-1">
|
||||
<span class="badge bg-light components-label">
|
||||
Expires in 30 minutes
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"bg-primary rounded-pill components-label-with-hover components-label badge\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="bg-primary rounded-pill components-label-with-hover components-label badge">
|
||||
123
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -70,65 +70,65 @@ exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
|
||||
|
||||
exports[`<SilenceComment /> Matches snapshot when collapsed and multiple clusters are present 1`] = `
|
||||
"
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment text-truncate overflow-hidden\\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment text-truncate overflow-hidden">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden me-2\\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden me-2">
|
||||
— me@example.com
|
||||
</span>
|
||||
<div class=\\"d-flex flex-row justify-content-end flex-grow-1\\">
|
||||
<span class=\\"badge bg-light components-label\\">
|
||||
<div class="d-flex flex-row justify-content-end flex-grow-1">
|
||||
<span class="badge bg-light components-label">
|
||||
Expires in 30 minutes
|
||||
</span>
|
||||
<span class=\\"badge bg-secondary mx-1 components-label\\">
|
||||
<span class="badge bg-secondary mx-1 components-label">
|
||||
ha
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"bg-primary rounded-pill components-label-with-hover components-label badge\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="bg-primary rounded-pill components-label-with-hover components-label badge">
|
||||
123
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -141,57 +141,57 @@ exports[`<SilenceComment /> Matches snapshot when collapsed and multiple cluster
|
||||
|
||||
exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
|
||||
"
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment \\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment ">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden \\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden ">
|
||||
— me@example.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"bg-primary rounded-pill components-label-with-hover components-label badge\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="bg-primary rounded-pill components-label-with-hover components-label badge">
|
||||
123
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -204,57 +204,57 @@ exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
|
||||
|
||||
exports[`<SilenceComment /> Matches snapshot when expanded and multiple clusters are present 1`] = `
|
||||
"
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment \\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment ">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden \\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden ">
|
||||
— me@example.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"bg-primary rounded-pill components-label-with-hover components-label badge\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="bg-primary rounded-pill components-label-with-hover components-label badge">
|
||||
123
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -2,64 +2,64 @@
|
||||
|
||||
exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
|
||||
"
|
||||
<div class=\\"card my-1 components-managed-silence w-100\\">
|
||||
<div class=\\"card-header rounded-0 border-bottom-0 px-2\\">
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="card my-1 components-managed-silence w-100">
|
||||
<div class="card-header rounded-0 border-bottom-0 px-2">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment text-truncate overflow-hidden\\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment text-truncate overflow-hidden">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden me-2\\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden me-2">
|
||||
— me@example.com
|
||||
</span>
|
||||
<div class=\\"d-flex flex-row justify-content-end flex-grow-1\\">
|
||||
<span class=\\"badge bg-light components-label\\">
|
||||
<div class="d-flex flex-row justify-content-end flex-grow-1">
|
||||
<span class="badge bg-light components-label">
|
||||
Expires in 30 minutes
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"bg-primary rounded-pill components-label-with-hover components-label badge\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="bg-primary rounded-pill components-label-with-hover components-label badge">
|
||||
123
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down fa-rotate-180 m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -68,14 +68,14 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"progress silence-progress mx-2 mb-1\\">
|
||||
<div class="progress silence-progress mx-2 mb-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -85,59 +85,59 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
|
||||
|
||||
exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
|
||||
"
|
||||
<div class=\\"card my-1 components-managed-silence w-100\\">
|
||||
<div class=\\"card-header rounded-0 border-bottom-0 px-2\\">
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class="card my-1 components-managed-silence w-100">
|
||||
<div class="card-header rounded-0 border-bottom-0 px-2">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bell-slash\\"
|
||||
class=\\"svg-inline--fa fa-bell-slash text-muted\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 640 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bell-slash"
|
||||
class="svg-inline--fa fa-bell-slash text-muted"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 640 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z\\"
|
||||
fill="currentColor"
|
||||
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class=\\"components-managed-silence-comment \\">
|
||||
<div class="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div class="components-managed-silence-comment ">
|
||||
Mocked Silence
|
||||
</div>
|
||||
<div class=\\"components-managed-silence-cite mt-1 d-flex flex-row\\">
|
||||
<span class=\\"text-muted text-truncate overflow-hidden \\">
|
||||
<div class="components-managed-silence-cite mt-1 d-flex flex-row">
|
||||
<span class="text-muted text-truncate overflow-hidden ">
|
||||
— me@example.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<div class=\\"d-flex flex-column flex-sm-row justify-content-between align-items-center\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"bg-primary rounded-pill components-label-with-hover components-label badge\\">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="bg-primary rounded-pill components-label-with-hover components-label badge">
|
||||
123
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"badge components-label with-click\\">
|
||||
<span class="badge components-label with-click">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"chevron-down\\"
|
||||
class=\\"svg-inline--fa fa-chevron-down m-auto text-muted cursor-pointer\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
style=\\"transition: transform 0.25s ease-in-out;\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="chevron-down"
|
||||
class="svg-inline--fa fa-chevron-down m-auto text-muted cursor-pointer"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
style="transition: transform 0.25s ease-in-out;"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\\"
|
||||
fill="currentColor"
|
||||
d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -146,155 +146,155 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"card-body pt-0 px-2\\">
|
||||
<div class=\\"mt-1\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
|
||||
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
|
||||
<div class="card-body pt-0 px-2">
|
||||
<div class="mt-1">
|
||||
<div class="d-flex flex-fill flex-lg-row flex-column justify-content-between">
|
||||
<div class="flex-shrink-1 flex-grow-1 mw-1p">
|
||||
<div>
|
||||
<span class=\\"badge px-1 me-1 components-label silence-detail\\">
|
||||
<span class="badge px-1 me-1 components-label silence-detail">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"calendar-check\\"
|
||||
class=\\"svg-inline--fa fa-calendar-check fa-fw text-muted me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 448 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="calendar-check"
|
||||
class="svg-inline--fa fa-calendar-check fa-fw text-muted me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 448 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zM329 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-95 95-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L329 305z\\"
|
||||
fill="currentColor"
|
||||
d="M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zM329 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-95 95-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L329 305z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
Started 30 minutes ago
|
||||
</span>
|
||||
<span class=\\"badge px-1 me-1 components-label silence-detail\\">
|
||||
<span class="badge px-1 me-1 components-label silence-detail">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"calendar-xmark\\"
|
||||
class=\\"svg-inline--fa fa-calendar-xmark fa-fw text-muted me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="calendar-xmark"
|
||||
class="svg-inline--fa fa-calendar-xmark fa-fw text-muted me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M160 0c17.7 0 32 14.3 32 32V64H320V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H32V112c0-26.5 21.5-48 48-48h48V32c0-17.7 14.3-32 32-32zM32 192H480V464c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V192zM337 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47z\\"
|
||||
fill="currentColor"
|
||||
d="M160 0c17.7 0 32 14.3 32 32V64H320V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H32V112c0-26.5 21.5-48 48-48h48V32c0-17.7 14.3-32 32-32zM32 192H480V464c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V192zM337 305c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
Expires in 30 minutes
|
||||
</span>
|
||||
</div>
|
||||
<div class=\\"my-1 d-flex flex-row\\">
|
||||
<span class=\\"badge px-1 me-1 components-label silence-detail flex-grow-0 flex-shrink-0\\">
|
||||
<div class="my-1 d-flex flex-row">
|
||||
<span class="badge px-1 me-1 components-label silence-detail flex-grow-0 flex-shrink-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"fingerprint\\"
|
||||
class=\\"svg-inline--fa fa-fingerprint fa-fw text-muted me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="fingerprint"
|
||||
class="svg-inline--fa fa-fingerprint fa-fw text-muted me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M48 256C48 141.1 141.1 48 256 48c63.1 0 119.6 28.1 157.8 72.5c8.6 10.1 23.8 11.2 33.8 2.6s11.2-23.8 2.6-33.8C403.3 34.6 333.7 0 256 0C114.6 0 0 114.6 0 256v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256zm458.5-52.9c-2.7-13-15.5-21.3-28.4-18.5s-21.3 15.5-18.5 28.4c2.9 13.9 4.5 28.3 4.5 43.1v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256c0-18.1-1.9-35.8-5.5-52.9zM256 80c-19 0-37.4 3-54.5 8.6c-15.2 5-18.7 23.7-8.3 35.9c7.1 8.3 18.8 10.8 29.4 7.9c10.6-2.9 21.8-4.4 33.4-4.4c70.7 0 128 57.3 128 128v24.9c0 25.2-1.5 50.3-4.4 75.3c-1.7 14.6 9.4 27.8 24.2 27.8c11.8 0 21.9-8.6 23.3-20.3c3.3-27.4 5-55 5-82.7V256c0-97.2-78.8-176-176-176zM150.7 148.7c-9.1-10.6-25.3-11.4-33.9-.4C93.7 178 80 215.4 80 256v24.9c0 24.2-2.6 48.4-7.8 71.9C68.8 368.4 80.1 384 96.1 384c10.5 0 19.9-7 22.2-17.3c6.4-28.1 9.7-56.8 9.7-85.8V256c0-27.2 8.5-52.4 22.9-73.1c7.2-10.4 8-24.6-.2-34.2zM256 160c-53 0-96 43-96 96v24.9c0 35.9-4.6 71.5-13.8 106.1c-3.8 14.3 6.7 29 21.5 29c9.5 0 17.9-6.2 20.4-15.4c10.5-39 15.9-79.2 15.9-119.7V256c0-28.7 23.3-52 52-52s52 23.3 52 52v24.9c0 36.3-3.5 72.4-10.4 107.9c-2.7 13.9 7.7 27.2 21.8 27.2c10.2 0 19-7 21-17c7.7-38.8 11.6-78.3 11.6-118.1V256c0-53-43-96-96-96zm24 96c0-13.3-10.7-24-24-24s-24 10.7-24 24v24.9c0 59.9-11 119.3-32.5 175.2l-5.9 15.3c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l5.9-15.3C267.9 411.9 280 346.7 280 280.9V256z\\"
|
||||
fill="currentColor"
|
||||
d="M48 256C48 141.1 141.1 48 256 48c63.1 0 119.6 28.1 157.8 72.5c8.6 10.1 23.8 11.2 33.8 2.6s11.2-23.8 2.6-33.8C403.3 34.6 333.7 0 256 0C114.6 0 0 114.6 0 256v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256zm458.5-52.9c-2.7-13-15.5-21.3-28.4-18.5s-21.3 15.5-18.5 28.4c2.9 13.9 4.5 28.3 4.5 43.1v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256c0-18.1-1.9-35.8-5.5-52.9zM256 80c-19 0-37.4 3-54.5 8.6c-15.2 5-18.7 23.7-8.3 35.9c7.1 8.3 18.8 10.8 29.4 7.9c10.6-2.9 21.8-4.4 33.4-4.4c70.7 0 128 57.3 128 128v24.9c0 25.2-1.5 50.3-4.4 75.3c-1.7 14.6 9.4 27.8 24.2 27.8c11.8 0 21.9-8.6 23.3-20.3c3.3-27.4 5-55 5-82.7V256c0-97.2-78.8-176-176-176zM150.7 148.7c-9.1-10.6-25.3-11.4-33.9-.4C93.7 178 80 215.4 80 256v24.9c0 24.2-2.6 48.4-7.8 71.9C68.8 368.4 80.1 384 96.1 384c10.5 0 19.9-7 22.2-17.3c6.4-28.1 9.7-56.8 9.7-85.8V256c0-27.2 8.5-52.4 22.9-73.1c7.2-10.4 8-24.6-.2-34.2zM256 160c-53 0-96 43-96 96v24.9c0 35.9-4.6 71.5-13.8 106.1c-3.8 14.3 6.7 29 21.5 29c9.5 0 17.9-6.2 20.4-15.4c10.5-39 15.9-79.2 15.9-119.7V256c0-28.7 23.3-52 52-52s52 23.3 52 52v24.9c0 36.3-3.5 72.4-10.4 107.9c-2.7 13.9 7.7 27.2 21.8 27.2c10.2 0 19-7 21-17c7.7-38.8 11.6-78.3 11.6-118.1V256c0-53-43-96-96-96zm24 96c0-13.3-10.7-24-24-24s-24 10.7-24 24v24.9c0 59.9-11 119.3-32.5 175.2l-5.9 15.3c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l5.9-15.3C267.9 411.9 280 346.7 280 280.9V256z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
ID:
|
||||
</span>
|
||||
<span class=\\"badge bg-light px-1 me-1 components-label silence-id\\">
|
||||
<span class="badge bg-light px-1 me-1 components-label silence-id">
|
||||
04d37636-2350-4878-b382-e0b50353230f
|
||||
</span>
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<span class=\\"badge bg-secondary px-1 me-1 components-label cursor-pointer\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span class="badge bg-secondary px-1 me-1 components-label cursor-pointer">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"copy\\"
|
||||
class=\\"svg-inline--fa fa-copy \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 448 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="copy"
|
||||
class="svg-inline--fa fa-copy "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 448 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z\\"
|
||||
fill="currentColor"
|
||||
d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"my-1\\">
|
||||
<span class=\\"badge px-1 me-1 components-label silence-detail\\">
|
||||
<div class="my-1">
|
||||
<span class="badge px-1 me-1 components-label silence-detail">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"house\\"
|
||||
class=\\"svg-inline--fa fa-house fa-fw text-muted me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 576 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="house"
|
||||
class="svg-inline--fa fa-house fa-fw text-muted me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z\\"
|
||||
fill="currentColor"
|
||||
d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
View in Alertmanager:
|
||||
</span>
|
||||
<a
|
||||
href=\\"http://example.com/#/silences/04d37636-2350-4878-b382-e0b50353230f\\"
|
||||
target=\\"_blank\\"
|
||||
rel=\\"noopener noreferrer\\"
|
||||
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
|
||||
href="http://example.com/#/silences/04d37636-2350-4878-b382-e0b50353230f"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="components-label components-label-with-hover badge border components-grid-annotation-link"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"up-right-from-square\\"
|
||||
class=\\"svg-inline--fa fa-up-right-from-square \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="up-right-from-square"
|
||||
class="svg-inline--fa fa-up-right-from-square "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z\\"
|
||||
fill="currentColor"
|
||||
d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
am1
|
||||
</a>
|
||||
</div>
|
||||
<div class=\\"d-flex flex-row\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0\\">
|
||||
<span class=\\"badge px-1 me-1 components-label silence-detail\\">
|
||||
<div class="d-flex flex-row">
|
||||
<div class="flex-shrink-0 flex-grow-0">
|
||||
<span class="badge px-1 me-1 components-label silence-detail">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"filter\\"
|
||||
class=\\"svg-inline--fa fa-filter fa-fw text-muted me-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="filter"
|
||||
class="svg-inline--fa fa-filter fa-fw text-muted me-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z\\"
|
||||
fill="currentColor"
|
||||
d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -302,59 +302,59 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class=\\"flex-shrink-1 flex-grow-1 mw-1p\\"
|
||||
style=\\"min-width: 0px;\\"
|
||||
class="flex-shrink-1 flex-grow-1 mw-1p"
|
||||
style="min-width: 0px;"
|
||||
>
|
||||
<span class=\\"badge silence-matcher-equal px-1 me-1 components-label\\">
|
||||
regex=~\\"equal\\"
|
||||
<span class="badge silence-matcher-equal px-1 me-1 components-label">
|
||||
regex=~"equal"
|
||||
</span>
|
||||
<span class=\\"badge silence-matcher-negative px-1 me-1 components-label\\">
|
||||
regex!~\\"notEqual\\"
|
||||
<span class="badge silence-matcher-negative px-1 me-1 components-label">
|
||||
regex!~"notEqual"
|
||||
</span>
|
||||
<span class=\\"badge silence-matcher-equal px-1 me-1 components-label\\">
|
||||
notRegex=\\"equal\\"
|
||||
<span class="badge silence-matcher-equal px-1 me-1 components-label">
|
||||
notRegex="equal"
|
||||
</span>
|
||||
<span class=\\"badge silence-matcher-negative px-1 me-1 components-label\\">
|
||||
notRegex!=\\"notEqual\\"
|
||||
<span class="badge silence-matcher-negative px-1 me-1 components-label">
|
||||
notRegex!="notEqual"
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0 mt-lg-0 mt-2 ml-lg-2 ms-0\\">
|
||||
<div class=\\"d-flex flex-fill flex-lg-column flex-row justify-content-around\\">
|
||||
<button class=\\"btn btn-primary btn-sm mb-lg-2 mb-0\\">
|
||||
<div class="flex-shrink-0 flex-grow-0 mt-lg-0 mt-2 ml-lg-2 ms-0">
|
||||
<div class="d-flex flex-fill flex-lg-column flex-row justify-content-around">
|
||||
<button class="btn btn-primary btn-sm mb-lg-2 mb-0">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"pen-to-square\\"
|
||||
class=\\"svg-inline--fa fa-pen-to-square me-1 d-none d-sm-inline-block\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="pen-to-square"
|
||||
class="svg-inline--fa fa-pen-to-square me-1 d-none d-sm-inline-block"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z\\"
|
||||
fill="currentColor"
|
||||
d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
Edit
|
||||
</button>
|
||||
<button class=\\"btn btn-danger btn-sm\\">
|
||||
<button class="btn btn-danger btn-sm">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"trash\\"
|
||||
class=\\"svg-inline--fa fa-trash me-1 d-none d-sm-inline-block\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 448 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="trash"
|
||||
class="svg-inline--fa fa-trash me-1 d-none d-sm-inline-block"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 448 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z\\"
|
||||
fill="currentColor"
|
||||
d="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -365,14 +365,14 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"progress silence-progress mx-2 mb-1\\">
|
||||
<div class="progress silence-progress mx-2 mb-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -271,24 +271,4 @@ describe("<HistoryMenu />", () => {
|
||||
expect(settingsStore.savedFilters.config.filters).toHaveLength(0);
|
||||
await act(() => promise);
|
||||
});
|
||||
|
||||
it("clicking on 'Clear history' clears the history", async () => {
|
||||
const promise = Promise.resolve();
|
||||
const tree = MountedHistory();
|
||||
act(() => {
|
||||
PopulateHistory(tree, 5);
|
||||
});
|
||||
tree.find("button.cursor-pointer").simulate("click");
|
||||
expect(tree.find("button.dropdown-item")).toHaveLength(5);
|
||||
|
||||
const button = tree.find(".component-history-button").at(2);
|
||||
expect(button.text()).toBe("Clear history");
|
||||
button.simulate("click");
|
||||
act(() => {
|
||||
jest.runOnlyPendingTimers();
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find("button.dropdown-item")).toHaveLength(0);
|
||||
await act(() => promise);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -3,73 +3,73 @@
|
||||
exports[`<FilterInput /> matches snapshot with no filters 1`] = `
|
||||
"
|
||||
<form
|
||||
class=\\"flex-grow-1 flex-shrink-1 mr-auto\\"
|
||||
style=\\"min-width: 0px;\\"
|
||||
class="flex-grow-1 flex-shrink-1 mr-auto"
|
||||
style="min-width: 0px;"
|
||||
>
|
||||
<div class=\\"input-group w-100 me-2 components-filterinput-outer bg-focused\\">
|
||||
<div class=\\"form-control components-filterinput border-0 rounded-0 bg-inherit\\">
|
||||
<div class=\\"autosuggest d-inline-block mw-100\\">
|
||||
<span class=\\"input-group-text text-muted d-inline-block me-2 border-0 bg-inherit px-1\\">
|
||||
<div class="input-group w-100 me-2 components-filterinput-outer bg-focused">
|
||||
<div class="form-control components-filterinput border-0 rounded-0 bg-inherit">
|
||||
<div class="autosuggest d-inline-block mw-100">
|
||||
<span class="input-group-text text-muted d-inline-block me-2 border-0 bg-inherit px-1">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"magnifying-glass\\"
|
||||
class=\\"svg-inline--fa fa-magnifying-glass \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="magnifying-glass"
|
||||
class="svg-inline--fa fa-magnifying-glass "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\\"
|
||||
fill="currentColor"
|
||||
d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
<input
|
||||
class=\\"components-filterinput-wrapper text-white mw-100\\"
|
||||
size=\\"1\\"
|
||||
class="components-filterinput-wrapper text-white mw-100"
|
||||
size="1"
|
||||
aria-activedescendant
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-controls=\\"downshift-0-menu\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-labelledby=\\"downshift-0-label\\"
|
||||
autocomplete=\\"off\\"
|
||||
id=\\"downshift-0-input\\"
|
||||
role=\\"combobox\\"
|
||||
aria-autocomplete="list"
|
||||
aria-controls="downshift-0-menu"
|
||||
aria-expanded="false"
|
||||
aria-labelledby="downshift-0-label"
|
||||
autocomplete="off"
|
||||
id="downshift-0-input"
|
||||
role="combobox"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
<span
|
||||
class=\\"dropdown\\"
|
||||
id=\\"downshift-0-menu\\"
|
||||
role=\\"listbox\\"
|
||||
aria-labelledby=\\"downshift-0-label\\"
|
||||
class="dropdown"
|
||||
id="downshift-0-menu"
|
||||
role="listbox"
|
||||
aria-labelledby="downshift-0-label"
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"input-group-text border-0 rounded-0 bg-inherit px-0\\">
|
||||
<span class="input-group-text border-0 rounded-0 bg-inherit px-0">
|
||||
<button
|
||||
class=\\"btn border-0 rounded-0 bg-inherit cursor-pointer components-navbar-history px-2 py-0 components-navbar-icon\\"
|
||||
type=\\"button\\"
|
||||
data-toggle=\\"dropdown\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
aria-expanded=\\"true\\"
|
||||
class="btn border-0 rounded-0 bg-inherit cursor-pointer components-navbar-history px-2 py-0 components-navbar-icon"
|
||||
type="button"
|
||||
data-toggle="dropdown"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="true"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"caret-down\\"
|
||||
class=\\"svg-inline--fa fa-caret-down \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="caret-down"
|
||||
class="svg-inline--fa fa-caret-down "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\\"
|
||||
fill="currentColor"
|
||||
d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -83,145 +83,145 @@ exports[`<FilterInput /> matches snapshot with no filters 1`] = `
|
||||
exports[`<FilterInput /> matches snapshot with some filters 1`] = `
|
||||
"
|
||||
<form
|
||||
class=\\"flex-grow-1 flex-shrink-1 mr-auto\\"
|
||||
style=\\"min-width: 0px;\\"
|
||||
class="flex-grow-1 flex-shrink-1 mr-auto"
|
||||
style="min-width: 0px;"
|
||||
>
|
||||
<div class=\\"input-group w-100 me-2 components-filterinput-outer bg-focused\\">
|
||||
<div class=\\"form-control components-filterinput border-0 rounded-0 bg-inherit\\">
|
||||
<div class="input-group w-100 me-2 components-filterinput-outer bg-focused">
|
||||
<div class="form-control components-filterinput border-0 rounded-0 bg-inherit">
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn-secondary btn-sm components-filteredinputlabel components-label btn d-inline-flex flex-row align-items-center\\"
|
||||
type="button"
|
||||
class="btn-secondary btn-sm components-filteredinputlabel components-label btn d-inline-flex flex-row align-items-center"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"spinner\\"
|
||||
class=\\"svg-inline--fa fa-spinner fa-spin \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="spinner"
|
||||
class="svg-inline--fa fa-spinner fa-spin "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z\\"
|
||||
fill="currentColor"
|
||||
d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class=\\"components-filteredinputlabel-text flex-grow-1 flex-shrink-1 ms-1 tooltip-trigger\\">
|
||||
<div class="components-filteredinputlabel-text flex-grow-1 flex-shrink-1 ms-1 tooltip-trigger">
|
||||
<span
|
||||
tabindex=\\"0\\"
|
||||
class=\\"cursor-text px-1\\"
|
||||
tabindex="0"
|
||||
class="cursor-text px-1"
|
||||
>
|
||||
foo=bar
|
||||
</span>
|
||||
</div>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"xmark\\"
|
||||
class=\\"svg-inline--fa fa-xmark cursor-pointer text-reset ms-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="xmark"
|
||||
class="svg-inline--fa fa-xmark cursor-pointer text-reset ms-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\\"
|
||||
fill="currentColor"
|
||||
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</button>
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn-secondary btn-sm components-filteredinputlabel components-label btn d-inline-flex flex-row align-items-center\\"
|
||||
type="button"
|
||||
class="btn-secondary btn-sm components-filteredinputlabel components-label btn d-inline-flex flex-row align-items-center"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"spinner\\"
|
||||
class=\\"svg-inline--fa fa-spinner fa-spin \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="spinner"
|
||||
class="svg-inline--fa fa-spinner fa-spin "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z\\"
|
||||
fill="currentColor"
|
||||
d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class=\\"components-filteredinputlabel-text flex-grow-1 flex-shrink-1 ms-1 tooltip-trigger\\">
|
||||
<div class="components-filteredinputlabel-text flex-grow-1 flex-shrink-1 ms-1 tooltip-trigger">
|
||||
<span
|
||||
tabindex=\\"0\\"
|
||||
class=\\"cursor-text px-1\\"
|
||||
tabindex="0"
|
||||
class="cursor-text px-1"
|
||||
>
|
||||
baz!=bar
|
||||
</span>
|
||||
</div>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"xmark\\"
|
||||
class=\\"svg-inline--fa fa-xmark cursor-pointer text-reset ms-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="xmark"
|
||||
class="svg-inline--fa fa-xmark cursor-pointer text-reset ms-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\\"
|
||||
fill="currentColor"
|
||||
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</button>
|
||||
<div class=\\"autosuggest d-inline-block mw-100\\">
|
||||
<div class="autosuggest d-inline-block mw-100">
|
||||
<input
|
||||
class=\\"components-filterinput-wrapper text-white mw-100\\"
|
||||
size=\\"1\\"
|
||||
class="components-filterinput-wrapper text-white mw-100"
|
||||
size="1"
|
||||
aria-activedescendant
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-controls=\\"downshift-2-menu\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-labelledby=\\"downshift-2-label\\"
|
||||
autocomplete=\\"off\\"
|
||||
id=\\"downshift-2-input\\"
|
||||
role=\\"combobox\\"
|
||||
aria-autocomplete="list"
|
||||
aria-controls="downshift-2-menu"
|
||||
aria-expanded="false"
|
||||
aria-labelledby="downshift-2-label"
|
||||
autocomplete="off"
|
||||
id="downshift-2-input"
|
||||
role="combobox"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
<span
|
||||
class=\\"dropdown\\"
|
||||
id=\\"downshift-2-menu\\"
|
||||
role=\\"listbox\\"
|
||||
aria-labelledby=\\"downshift-2-label\\"
|
||||
class="dropdown"
|
||||
id="downshift-2-menu"
|
||||
role="listbox"
|
||||
aria-labelledby="downshift-2-label"
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
<span class=\\"input-group-text border-0 rounded-0 bg-inherit px-0\\">
|
||||
<span class="input-group-text border-0 rounded-0 bg-inherit px-0">
|
||||
<button
|
||||
class=\\"btn border-0 rounded-0 bg-inherit cursor-pointer components-navbar-history px-2 py-0 components-navbar-icon\\"
|
||||
type=\\"button\\"
|
||||
data-toggle=\\"dropdown\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
aria-expanded=\\"true\\"
|
||||
class="btn border-0 rounded-0 bg-inherit cursor-pointer components-navbar-history px-2 py-0 components-navbar-icon"
|
||||
type="button"
|
||||
data-toggle="dropdown"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="true"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"caret-down\\"
|
||||
class=\\"svg-inline--fa fa-caret-down \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="caret-down"
|
||||
class="svg-inline--fa fa-caret-down "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\\"
|
||||
fill="currentColor"
|
||||
d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -2,13 +2,15 @@ import { act } from "react-dom/test-utils";
|
||||
|
||||
import { mount } from "enzyme";
|
||||
|
||||
import fetchMock from "fetch-mock";
|
||||
|
||||
import { MockThemeContext } from "__fixtures__/Theme";
|
||||
import { EmptyAPIResponse } from "__fixtures__/Fetch";
|
||||
import { AlertStore } from "Stores/AlertStore";
|
||||
import { Settings } from "Stores/Settings";
|
||||
import { SilenceFormStore } from "Stores/SilenceFormStore";
|
||||
import { ThemeContext } from "Components/Theme";
|
||||
import NavBar from ".";
|
||||
import { MobileIdleTimeout, DesktopIdleTimeout } from "./timeouts";
|
||||
|
||||
let alertStore: AlertStore;
|
||||
let settingsStore: Settings;
|
||||
@@ -59,12 +61,19 @@ beforeEach(() => {
|
||||
],
|
||||
clusters: { dev: ["dev"] },
|
||||
});
|
||||
|
||||
fetchMock.reset();
|
||||
fetchMock.mock("*", {
|
||||
body: JSON.stringify(EmptyAPIResponse()),
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
act(() => {
|
||||
jest.runOnlyPendingTimers();
|
||||
jest.useRealTimers();
|
||||
});
|
||||
fetchMock.reset();
|
||||
});
|
||||
|
||||
const MountedNavbar = (fixedTop?: boolean) => {
|
||||
@@ -146,173 +155,3 @@ describe("<NavBar />", () => {
|
||||
).toBe("44px");
|
||||
});
|
||||
});
|
||||
|
||||
describe("<IdleTimer />", () => {
|
||||
it("hides navbar after MobileIdleTimeout on mobile", () => {
|
||||
global.window.innerWidth = 500;
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(MobileIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(false);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(true);
|
||||
});
|
||||
|
||||
it("hides navbar after DesktopIdleTimeout on desktop", () => {
|
||||
global.window.innerWidth = 769;
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(DesktopIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(false);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(true);
|
||||
});
|
||||
|
||||
it("doesn't hide on mobile if there are unapplied filters", () => {
|
||||
global.window.innerWidth = 500;
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
alertStore.filters.addFilter("cluster=dev");
|
||||
jest.advanceTimersByTime(MobileIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
});
|
||||
|
||||
it("doesn't hide on desktop if there are unapplied filters", () => {
|
||||
global.window.innerWidth = 769;
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
alertStore.filters.addFilter("cluster=dev");
|
||||
jest.advanceTimersByTime(DesktopIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
});
|
||||
|
||||
it("hides on mobile if all unapplied filters finish applying", () => {
|
||||
global.window.innerWidth = 500;
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
alertStore.filters.addFilter("cluster=dev");
|
||||
jest.advanceTimersByTime(MobileIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
|
||||
alertStore.filters.applyAllFilters();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(MobileIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(false);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(true);
|
||||
});
|
||||
|
||||
it("hides on desktop if all unapplied filters finish applying", () => {
|
||||
global.window.innerWidth = 769;
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
alertStore.filters.addFilter("cluster=dev");
|
||||
jest.advanceTimersByTime(DesktopIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
|
||||
alertStore.filters.applyAllFilters();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(DesktopIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(false);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(true);
|
||||
});
|
||||
|
||||
it("hidden navbar shows up again after activity", () => {
|
||||
const tree = MountedNavbar();
|
||||
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(DesktopIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(false);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(true);
|
||||
|
||||
act(() => {
|
||||
document.dispatchEvent(new MouseEvent("mousedown"));
|
||||
});
|
||||
act(() => {
|
||||
jest.runOnlyPendingTimers();
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
});
|
||||
|
||||
it("body padding-top is 0px when navbar is hidden", () => {
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(DesktopIdleTimeout + 1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(
|
||||
window
|
||||
.getComputedStyle(document.body, null)
|
||||
.getPropertyValue("padding-top"),
|
||||
).toBe("0px");
|
||||
});
|
||||
|
||||
it("doesn't hide when autohide is disabled in settingsStore", () => {
|
||||
settingsStore.filterBarConfig.setAutohide(false);
|
||||
const tree = MountedNavbar();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(1000 * 3600);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
});
|
||||
|
||||
it("doesn't hide when autohide is enabled in settingsStore but alertStore is paused", () => {
|
||||
settingsStore.filterBarConfig.setAutohide(true);
|
||||
const tree = MountedNavbar();
|
||||
alertStore.status.pause();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(1000 * 3600);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
});
|
||||
|
||||
it("hides navbar after alertStore is resumed", () => {
|
||||
settingsStore.filterBarConfig.setAutohide(true);
|
||||
const tree = MountedNavbar();
|
||||
|
||||
act(() => {
|
||||
alertStore.status.pause();
|
||||
jest.advanceTimersByTime(1000 * 3600);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(true);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(false);
|
||||
|
||||
act(() => {
|
||||
alertStore.status.resume();
|
||||
jest.advanceTimersByTime(1000 * 60 * 3 + 1000);
|
||||
});
|
||||
tree.update();
|
||||
act(() => {
|
||||
jest.advanceTimersByTime(1000);
|
||||
});
|
||||
tree.update();
|
||||
expect(tree.find(".container").hasClass("visible")).toBe(false);
|
||||
expect(tree.find(".container").hasClass("invisible")).toBe(true);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -3,121 +3,121 @@
|
||||
exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
|
||||
"
|
||||
<span>
|
||||
<div class=\\"modal-header\\">
|
||||
<h5 class=\\"modal-title\\">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
Overview
|
||||
</h5>
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn-close\\"
|
||||
type="button"
|
||||
class="btn-close"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
<div class=\\"modal-body\\">
|
||||
<div class="modal-body">
|
||||
<table
|
||||
class=\\"table table-borderless top-labels\\"
|
||||
style=\\"table-layout: fixed;\\"
|
||||
class="table table-borderless top-labels"
|
||||
style="table-layout: fixed;"
|
||||
>
|
||||
<tbody class=\\"mw-100\\">
|
||||
<tbody class="mw-100">
|
||||
<tr>
|
||||
<td
|
||||
width=\\"25%\\"
|
||||
class=\\"text-nowrap mw-100 p-1\\"
|
||||
width="25%"
|
||||
class="text-nowrap mw-100 p-1"
|
||||
>
|
||||
<span class=\\"badge bg-light components-label mx-0 mt-0 mb-auto ps-0 text-start\\">
|
||||
<span class=\\"bg-primary text-white me-1 px-1 components-labelWithPercent-percent\\">
|
||||
<span class="badge bg-light components-label mx-0 mt-0 mb-auto ps-0 text-start">
|
||||
<span class="bg-primary text-white me-1 px-1 components-labelWithPercent-percent">
|
||||
16
|
||||
</span>
|
||||
foo
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
width=\\"75%\\"
|
||||
class=\\"mw-100 p-1\\"
|
||||
width="75%"
|
||||
class="mw-100 p-1"
|
||||
>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
8
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar1
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-warning\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-warning"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
4
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar2
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 50%;\\"
|
||||
aria-valuenow=\\"50\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 50%;"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 25%;\\"
|
||||
aria-valuenow=\\"25\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 25%;"
|
||||
aria-valuenow="25"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
4
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
bar3
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 75%;\\"
|
||||
aria-valuenow=\\"75\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 75%;"
|
||||
aria-valuenow="75"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 25%;\\"
|
||||
aria-valuenow=\\"25\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 25%;"
|
||||
aria-valuenow="25"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -126,339 +126,339 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
width=\\"25%\\"
|
||||
class=\\"text-nowrap mw-100 p-1\\"
|
||||
width="25%"
|
||||
class="text-nowrap mw-100 p-1"
|
||||
>
|
||||
<span class=\\"badge bg-light components-label mx-0 mt-0 mb-auto ps-0 text-start\\">
|
||||
<span class=\\"bg-primary text-white me-1 px-1 components-labelWithPercent-percent\\">
|
||||
<span class="badge bg-light components-label mx-0 mt-0 mb-auto ps-0 text-start">
|
||||
<span class="bg-primary text-white me-1 px-1 components-labelWithPercent-percent">
|
||||
20
|
||||
</span>
|
||||
bar
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
width=\\"75%\\"
|
||||
class=\\"mw-100 p-1\\"
|
||||
width="75%"
|
||||
class="mw-100 p-1"
|
||||
>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz1
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz2
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz3
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 10%;\\"
|
||||
aria-valuenow=\\"10\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 10%;"
|
||||
aria-valuenow="10"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz4
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 15%;\\"
|
||||
aria-valuenow=\\"15\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 15%;"
|
||||
aria-valuenow="15"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz5
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 20%;\\"
|
||||
aria-valuenow=\\"20\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 20%;"
|
||||
aria-valuenow="20"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz6
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 25%;\\"
|
||||
aria-valuenow=\\"25\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 25%;"
|
||||
aria-valuenow="25"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz7
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 30%;\\"
|
||||
aria-valuenow=\\"30\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 30%;"
|
||||
aria-valuenow="30"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz8
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 35%;\\"
|
||||
aria-valuenow=\\"35\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 35%;"
|
||||
aria-valuenow="35"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-default components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
1
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
baz9
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-transparent\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 40%;\\"
|
||||
aria-valuenow=\\"40\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-transparent"
|
||||
role="progressbar"
|
||||
style="width: 40%;"
|
||||
aria-valuenow="40"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class=\\"progress-bar bg-success\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 5%;\\"
|
||||
aria-valuenow=\\"5\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style="width: 5%;"
|
||||
aria-valuenow="5"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"components-label badge my-2 text-muted mw-100\\">
|
||||
<div class="components-label badge my-2 text-muted mw-100">
|
||||
+11 more
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
width=\\"25%\\"
|
||||
class=\\"text-nowrap mw-100 p-1\\"
|
||||
width="25%"
|
||||
class="text-nowrap mw-100 p-1"
|
||||
>
|
||||
<span class=\\"badge bg-light components-label mx-0 mt-0 mb-auto ps-0 text-start\\">
|
||||
<span class=\\"bg-primary text-white me-1 px-1 components-labelWithPercent-percent\\">
|
||||
<span class="badge bg-light components-label mx-0 mt-0 mb-auto ps-0 text-start">
|
||||
<span class="bg-primary text-white me-1 px-1 components-labelWithPercent-percent">
|
||||
5
|
||||
</span>
|
||||
alertname
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
width=\\"75%\\"
|
||||
class=\\"mw-100 p-1\\"
|
||||
width="75%"
|
||||
class="mw-100 p-1"
|
||||
>
|
||||
<div class=\\"d-inline-block mw-100\\">
|
||||
<span class=\\"components-label badge bg-dark components-label-dark components-label-with-hover mb-0 ps-0 text-start\\">
|
||||
<span class=\\"me-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
|
||||
<div class="d-inline-block mw-100">
|
||||
<span class="components-label badge bg-dark components-label-dark components-label-with-hover mb-0 ps-0 text-start">
|
||||
<span class="me-1 px-1 bg-primary text-white components-labelWithPercent-percent">
|
||||
5
|
||||
</span>
|
||||
<span>
|
||||
<span class=\\"components-label-value\\">
|
||||
<span class="components-label-value">
|
||||
Host_Down
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<div class=\\"progress components-labelWithPercent-progress me-1\\">
|
||||
<div class="progress components-labelWithPercent-progress me-1">
|
||||
<div
|
||||
class=\\"progress-bar bg-danger\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 100%;\\"
|
||||
aria-valuenow=\\"100\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-danger"
|
||||
role="progressbar"
|
||||
style="width: 100%;"
|
||||
aria-valuenow="100"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -475,19 +475,19 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
|
||||
exports[`<OverviewModalContent /> matches snapshot with no labels to show 1`] = `
|
||||
"
|
||||
<span>
|
||||
<div class=\\"modal-header\\">
|
||||
<h5 class=\\"modal-title\\">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">
|
||||
Overview
|
||||
</h5>
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn-close\\"
|
||||
type="button"
|
||||
class="btn-close"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
<div class=\\"modal-body\\">
|
||||
<div class=\\"px-2 py-5 bg-transparent\\">
|
||||
<h1 class=\\"display-5 text-placeholder text-center\\">
|
||||
<div class="modal-body">
|
||||
<div class="px-2 py-5 bg-transparent">
|
||||
<h1 class="display-5 text-placeholder text-center">
|
||||
No labels to display
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
@@ -2,121 +2,121 @@
|
||||
|
||||
exports[`<AlertManagerInput /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-silence-input-alertmanagers-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-silence-input-alertmanagers-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-127noje-ValueContainer\\">
|
||||
<div class=\\"react-select__multi-value css-1laq446-multiValue\\">
|
||||
<div class=\\"react-select__multi-value__label css-iljojb-MultiValueGeneric\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-127noje-ValueContainer">
|
||||
<div class="react-select__multi-value css-1laq446-multiValue">
|
||||
<div class="react-select__multi-value__label css-iljojb-MultiValueGeneric">
|
||||
Cluster: HA
|
||||
</div>
|
||||
<div
|
||||
role=\\"button\\"
|
||||
class=\\"react-select__multi-value__remove css-1izoyac-MultiValueRemove\\"
|
||||
aria-label=\\"Remove Cluster: HA\\"
|
||||
role="button"
|
||||
class="react-select__multi-value__remove css-1izoyac-MultiValueRemove"
|
||||
aria-label="Remove Cluster: HA"
|
||||
>
|
||||
<svg
|
||||
height=\\"14\\"
|
||||
width=\\"14\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="14"
|
||||
width="14"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
|
||||
<path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__multi-value css-1laq446-multiValue\\">
|
||||
<div class=\\"react-select__multi-value__label css-iljojb-MultiValueGeneric\\">
|
||||
<div class="react-select__multi-value css-1laq446-multiValue">
|
||||
<div class="react-select__multi-value__label css-iljojb-MultiValueGeneric">
|
||||
am3
|
||||
</div>
|
||||
<div
|
||||
role=\\"button\\"
|
||||
class=\\"react-select__multi-value__remove css-1izoyac-MultiValueRemove\\"
|
||||
aria-label=\\"Remove am3\\"
|
||||
role="button"
|
||||
class="react-select__multi-value__remove css-1izoyac-MultiValueRemove"
|
||||
aria-label="Remove am3"
|
||||
>
|
||||
<svg
|
||||
height=\\"14\\"
|
||||
width=\\"14\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="14"
|
||||
width="14"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
|
||||
<path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-silence-input-alertmanagers-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-silence-input-alertmanagers-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__clear-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__clear-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
|
||||
<path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -4,76 +4,76 @@ exports[`<PayloadPreview /> matches snapshot 1`] = `
|
||||
"
|
||||
<div>
|
||||
<pre
|
||||
class=\\"rounded p-1\\"
|
||||
style=\\"line-height:1.3;color:#66d9ef;background:#272822;overflow:auto;\\"
|
||||
class="rounded p-1"
|
||||
style="line-height:1.3;color:#66d9ef;background:#272822;overflow:auto;"
|
||||
>
|
||||
{
|
||||
\\"
|
||||
"
|
||||
<span
|
||||
class=\\"__json-key__\\"
|
||||
style=\\"color:#f92672;\\"
|
||||
class="__json-key__"
|
||||
style="color:#f92672;"
|
||||
>
|
||||
matchers
|
||||
</span>
|
||||
\\": [],
|
||||
\\"
|
||||
": [],
|
||||
"
|
||||
<span
|
||||
class=\\"__json-key__\\"
|
||||
style=\\"color:#f92672;\\"
|
||||
class="__json-key__"
|
||||
style="color:#f92672;"
|
||||
>
|
||||
startsAt
|
||||
</span>
|
||||
\\":
|
||||
":
|
||||
<span
|
||||
class=\\"__json-string__\\"
|
||||
style=\\"color:#fd971f;\\"
|
||||
class="__json-string__"
|
||||
style="color:#fd971f;"
|
||||
>
|
||||
\\"2000-02-01T00:00:00.000Z\\"
|
||||
"2000-02-01T00:00:00.000Z"
|
||||
</span>
|
||||
,
|
||||
\\"
|
||||
"
|
||||
<span
|
||||
class=\\"__json-key__\\"
|
||||
style=\\"color:#f92672;\\"
|
||||
class="__json-key__"
|
||||
style="color:#f92672;"
|
||||
>
|
||||
endsAt
|
||||
</span>
|
||||
\\":
|
||||
":
|
||||
<span
|
||||
class=\\"__json-string__\\"
|
||||
style=\\"color:#fd971f;\\"
|
||||
class="__json-string__"
|
||||
style="color:#fd971f;"
|
||||
>
|
||||
\\"2000-02-01T01:00:00.000Z\\"
|
||||
"2000-02-01T01:00:00.000Z"
|
||||
</span>
|
||||
,
|
||||
\\"
|
||||
"
|
||||
<span
|
||||
class=\\"__json-key__\\"
|
||||
style=\\"color:#f92672;\\"
|
||||
class="__json-key__"
|
||||
style="color:#f92672;"
|
||||
>
|
||||
createdBy
|
||||
</span>
|
||||
\\":
|
||||
":
|
||||
<span
|
||||
class=\\"__json-string__\\"
|
||||
style=\\"color:#fd971f;\\"
|
||||
class="__json-string__"
|
||||
style="color:#fd971f;"
|
||||
>
|
||||
\\"me@example.com\\"
|
||||
"me@example.com"
|
||||
</span>
|
||||
,
|
||||
\\"
|
||||
"
|
||||
<span
|
||||
class=\\"__json-key__\\"
|
||||
style=\\"color:#f92672;\\"
|
||||
class="__json-key__"
|
||||
style="color:#f92672;"
|
||||
>
|
||||
comment
|
||||
</span>
|
||||
\\":
|
||||
":
|
||||
<span
|
||||
class=\\"__json-string__\\"
|
||||
style=\\"color:#fd971f;\\"
|
||||
class="__json-string__"
|
||||
style="color:#fd971f;"
|
||||
>
|
||||
\\"PayloadPreview test\\"
|
||||
"PayloadPreview test"
|
||||
</span>
|
||||
}
|
||||
</pre>
|
||||
|
||||
@@ -2,64 +2,64 @@
|
||||
|
||||
exports[`<LabelNameInput /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-silence-input-label-name-1-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-silence-input-label-name-1-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\"react-select__single-value css-qav5hl-singleValue\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--has-value css-1a3grgz-ValueContainer">
|
||||
<div class="react-select__single-value css-qav5hl-singleValue">
|
||||
cluster
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-silence-input-label-name-1-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-silence-input-label-name-1-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -2,70 +2,70 @@
|
||||
|
||||
exports[`<LabelValueInput /> fetches suggestions on mount 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-silence-input-label-value-2-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-silence-input-label-value-2-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--is-multi css-127noje-ValueContainer\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--is-multi css-127noje-ValueContainer">
|
||||
<div>
|
||||
<div
|
||||
class=\\"react-select__placeholder css-1jqq78o-placeholder\\"
|
||||
id=\\"react-select-silence-input-label-value-2-placeholder\\"
|
||||
class="react-select__placeholder css-1jqq78o-placeholder"
|
||||
id="react-select-silence-input-label-value-2-placeholder"
|
||||
>
|
||||
Label value
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-silence-input-label-value-2-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-silence-input-label-value-2-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
aria-describedby=\\"react-select-silence-input-label-value-2-placeholder\\"
|
||||
aria-describedby="react-select-silence-input-label-value-2-placeholder"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -77,70 +77,70 @@ exports[`<LabelValueInput /> fetches suggestions on mount 1`] = `
|
||||
|
||||
exports[`<LabelValueInput /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-silence-input-label-value-1-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-silence-input-label-value-1-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\"react-select__control css-18hiu1u-control\\">
|
||||
<div class=\\"react-select__value-container react-select__value-container--is-multi css-127noje-ValueContainer\\">
|
||||
<div class="react-select__control css-18hiu1u-control">
|
||||
<div class="react-select__value-container react-select__value-container--is-multi css-127noje-ValueContainer">
|
||||
<div>
|
||||
<div
|
||||
class=\\"react-select__placeholder css-1jqq78o-placeholder\\"
|
||||
id=\\"react-select-silence-input-label-value-1-placeholder\\"
|
||||
class="react-select__placeholder css-1jqq78o-placeholder"
|
||||
id="react-select-silence-input-label-value-1-placeholder"
|
||||
>
|
||||
Label value
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class=\\"react-select__input-container css-3qym3m-Input\\"
|
||||
class="react-select__input-container css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class=\\"react-select__input\\"
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-silence-input-label-value-1-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
class="react-select__input"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-silence-input-label-value-1-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
aria-describedby=\\"react-select-silence-input-label-value-1-placeholder\\"
|
||||
aria-describedby="react-select-silence-input-label-value-1-placeholder"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\"react-select__indicator-separator css-1u9des2-indicatorSeparator\\">
|
||||
<div class="react-select__indicators css-vcwr3k-IndicatorsContainer">
|
||||
<span class="react-select__indicator-separator css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\"react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -2,11 +2,11 @@
|
||||
|
||||
exports[`<MatchCounter /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<div class=" tooltip-trigger">
|
||||
<span
|
||||
class=\\"badge bg-light rounded-pill d-block\\"
|
||||
style=\\"font-size: 85%; line-height: 1rem;\\"
|
||||
data-am=\\"0\\"
|
||||
class="badge bg-light rounded-pill d-block"
|
||||
style="font-size: 85%; line-height: 1rem;"
|
||||
data-am="0"
|
||||
>
|
||||
25
|
||||
</span>
|
||||
|
||||
@@ -2,67 +2,67 @@
|
||||
|
||||
exports[`<SilencePreview /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\"mb-3\\">
|
||||
<div class="mb-3">
|
||||
<div>
|
||||
<p class=\\"lead text-center\\">
|
||||
<p class="lead text-center">
|
||||
Affected alerts
|
||||
</p>
|
||||
<div>
|
||||
<ul class=\\"list-group list-group-flush mb-3\\">
|
||||
<ul class="list-group list-group-flush mb-3">
|
||||
</ul>
|
||||
</div>
|
||||
<div class=\\"components-pagination\\">
|
||||
<ul class=\\"pagination justify-content-center mt-3\\">
|
||||
<li class=\\"page-item disabled\\">
|
||||
<button class=\\"page-link\\">
|
||||
<div class="components-pagination">
|
||||
<ul class="pagination justify-content-center mt-3">
|
||||
<li class="page-item disabled">
|
||||
<button class="page-link">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-left\\"
|
||||
class=\\"svg-inline--fa fa-angle-left \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-left"
|
||||
class="svg-inline--fa fa-angle-left "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</button>
|
||||
</li>
|
||||
<li class=\\"page-item active font-weight-bold\\">
|
||||
<button class=\\"page-link active\\">
|
||||
<li class="page-item active font-weight-bold">
|
||||
<button class="page-link active">
|
||||
1
|
||||
</button>
|
||||
</li>
|
||||
<li class=\\"page-item \\">
|
||||
<button class=\\"page-link \\">
|
||||
<li class="page-item ">
|
||||
<button class="page-link ">
|
||||
2
|
||||
</button>
|
||||
</li>
|
||||
<li class=\\"page-item \\">
|
||||
<button class=\\"page-link \\">
|
||||
<li class="page-item ">
|
||||
<button class="page-link ">
|
||||
3
|
||||
</button>
|
||||
</li>
|
||||
<li class=\\"page-item \\">
|
||||
<button class=\\"page-link\\">
|
||||
<li class="page-item ">
|
||||
<button class="page-link">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"angle-right\\"
|
||||
class=\\"svg-inline--fa fa-angle-right \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 320 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="angle-right"
|
||||
class="svg-inline--fa fa-angle-right "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 320 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -72,46 +72,46 @@ exports[`<SilencePreview /> matches snapshot 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"d-flex flex-row-reverse\\">
|
||||
<div class="d-flex flex-row-reverse">
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn btn-primary\\"
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-check\\"
|
||||
class=\\"svg-inline--fa fa-circle-check pe-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-check"
|
||||
class="svg-inline--fa fa-circle-check pe-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
Submit
|
||||
</button>
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn btn-danger me-2\\"
|
||||
type="button"
|
||||
class="btn btn-danger me-2"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"arrow-left\\"
|
||||
class=\\"svg-inline--fa fa-arrow-left pe-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 448 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="arrow-left"
|
||||
class="svg-inline--fa fa-arrow-left pe-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 448 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -2,46 +2,46 @@
|
||||
|
||||
exports[`<SilenceModalContent /> Editor renders SilenceSubmitController when silenceFormStore.data.currentStage is 'Submit' 1`] = `
|
||||
"
|
||||
<div class=\\"modal-header py-2\\">
|
||||
<nav class=\\"nav nav-pills nav-justified w-100\\">
|
||||
<span class=\\"nav-item nav-link cursor-pointer mx-1 px-2 active\\">
|
||||
<div class="modal-header py-2">
|
||||
<nav class="nav nav-pills nav-justified w-100">
|
||||
<span class="nav-item nav-link cursor-pointer mx-1 px-2 active">
|
||||
Silence submitted
|
||||
</span>
|
||||
<span class=\\"nav-item nav-link cursor-pointer mx-1 px-2 components-tab-inactive\\">
|
||||
<span class="nav-item nav-link cursor-pointer mx-1 px-2 components-tab-inactive">
|
||||
Browse
|
||||
</span>
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn-close my-auto\\"
|
||||
type="button"
|
||||
class="btn-close my-auto"
|
||||
>
|
||||
</button>
|
||||
</nav>
|
||||
</div>
|
||||
<div class=\\"modal-body \\">
|
||||
<div class=\\"table-responsive\\">
|
||||
<table class=\\"table table-borderless\\">
|
||||
<div class="modal-body ">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-borderless">
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class=\\"d-flex flex-row-reverse\\">
|
||||
<div class="d-flex flex-row-reverse">
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn btn-primary\\"
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"arrow-left\\"
|
||||
class=\\"svg-inline--fa fa-arrow-left pe-1\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 448 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="arrow-left"
|
||||
class="svg-inline--fa fa-arrow-left pe-1"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 448 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\\"
|
||||
fill="currentColor"
|
||||
d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -2,78 +2,78 @@
|
||||
|
||||
exports[`<WrappedCustomMultiSelect /> matches snapshot when focused 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-3-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-3-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
<span id=\\"aria-selection\\">
|
||||
<span id="aria-selection">
|
||||
option , selected.
|
||||
</span>
|
||||
<span id=\\"aria-focused\\">
|
||||
<span id="aria-focused">
|
||||
</span>
|
||||
<span id=\\"aria-results\\">
|
||||
<span id="aria-results">
|
||||
</span>
|
||||
<span id=\\"aria-guidance\\">
|
||||
<span id="aria-guidance">
|
||||
Select is focused ,type to refine list, press Down to open the menu,
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\" css-ath5wh-control\\">
|
||||
<div class=\\" css-1a3grgz-ValueContainer\\">
|
||||
<div class=" css-ath5wh-control">
|
||||
<div class=" css-1a3grgz-ValueContainer">
|
||||
<div
|
||||
class=\\" css-1jqq78o-placeholder\\"
|
||||
id=\\"react-select-3-placeholder\\"
|
||||
class=" css-1jqq78o-placeholder"
|
||||
id="react-select-3-placeholder"
|
||||
>
|
||||
Select...
|
||||
</div>
|
||||
<div
|
||||
class=\\" css-3qym3m-Input\\"
|
||||
class=" css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-3-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-3-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
aria-describedby=\\"react-select-3-placeholder\\"
|
||||
aria-describedby="react-select-3-placeholder"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\" css-1u9des2-indicatorSeparator\\">
|
||||
<div class=" css-vcwr3k-IndicatorsContainer">
|
||||
<span class=" css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1fu8xx8-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1fu8xx8-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -85,82 +85,82 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot when focused 1`] = `
|
||||
|
||||
exports[`<WrappedCustomMultiSelect /> matches snapshot when focused and disabled 1`] = `
|
||||
"
|
||||
<div class=\\" css-3iigni-container\\">
|
||||
<div class=" css-3iigni-container">
|
||||
<span
|
||||
id=\\"react-select-4-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-4-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
<span id=\\"aria-selection\\">
|
||||
<span id="aria-selection">
|
||||
option , selected.
|
||||
</span>
|
||||
<span id=\\"aria-focused\\">
|
||||
<span id="aria-focused">
|
||||
</span>
|
||||
<span id=\\"aria-results\\">
|
||||
<span id="aria-results">
|
||||
</span>
|
||||
<span id=\\"aria-guidance\\">
|
||||
<span id="aria-guidance">
|
||||
Select is focused ,type to refine list, press Down to open the menu,
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-zximad-control\\"
|
||||
aria-disabled=\\"true\\"
|
||||
class=" css-zximad-control"
|
||||
aria-disabled="true"
|
||||
>
|
||||
<div class=\\" css-1a3grgz-ValueContainer\\">
|
||||
<div class=" css-1a3grgz-ValueContainer">
|
||||
<div
|
||||
class=\\" css-1jqq78o-placeholder\\"
|
||||
id=\\"react-select-4-placeholder\\"
|
||||
class=" css-1jqq78o-placeholder"
|
||||
id="react-select-4-placeholder"
|
||||
>
|
||||
Select...
|
||||
</div>
|
||||
<div
|
||||
class=\\" css-mg7c5y-Input\\"
|
||||
class=" css-mg7c5y-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
disabled
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-4-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-4-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
aria-describedby=\\"react-select-4-placeholder\\"
|
||||
aria-describedby="react-select-4-placeholder"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" css-15bdmde-IndicatorsContainer\\">
|
||||
<span class=\\" css-894a34-indicatorSeparator\\">
|
||||
<div class=" css-15bdmde-IndicatorsContainer">
|
||||
<span class=" css-894a34-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1fu8xx8-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1fu8xx8-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -172,64 +172,64 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot when focused and disabled
|
||||
|
||||
exports[`<WrappedCustomMultiSelect /> matches snapshot with a value 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-5-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-5-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\" css-18hiu1u-control\\">
|
||||
<div class=\\" css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\" css-qav5hl-singleValue\\">
|
||||
<div class=" css-18hiu1u-control">
|
||||
<div class=" css-1a3grgz-ValueContainer">
|
||||
<div class=" css-qav5hl-singleValue">
|
||||
foo
|
||||
</div>
|
||||
<div
|
||||
class=\\" css-3qym3m-Input\\"
|
||||
class=" css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-5-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-5-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\" css-1u9des2-indicatorSeparator\\">
|
||||
<div class=" css-vcwr3k-IndicatorsContainer">
|
||||
<span class=" css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -241,68 +241,68 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with a value 1`] = `
|
||||
|
||||
exports[`<WrappedCustomMultiSelect /> matches snapshot with isDisabled=true 1`] = `
|
||||
"
|
||||
<div class=\\" css-3iigni-container\\">
|
||||
<div class=" css-3iigni-container">
|
||||
<span
|
||||
id=\\"react-select-7-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-7-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1bxufhm-control\\"
|
||||
aria-disabled=\\"true\\"
|
||||
class=" css-1bxufhm-control"
|
||||
aria-disabled="true"
|
||||
>
|
||||
<div class=\\" css-1a3grgz-ValueContainer\\">
|
||||
<div class=\\" css-qav5hl-singleValue\\">
|
||||
<div class=" css-1a3grgz-ValueContainer">
|
||||
<div class=" css-qav5hl-singleValue">
|
||||
foo
|
||||
</div>
|
||||
<div
|
||||
class=\\" css-mg7c5y-Input\\"
|
||||
class=" css-mg7c5y-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
disabled
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-7-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-7-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" css-15bdmde-IndicatorsContainer\\">
|
||||
<span class=\\" css-894a34-indicatorSeparator\\">
|
||||
<div class=" css-15bdmde-IndicatorsContainer">
|
||||
<span class=" css-894a34-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -314,68 +314,68 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isDisabled=true 1`]
|
||||
|
||||
exports[`<WrappedCustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-2-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-2-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\" css-18hiu1u-control\\">
|
||||
<div class=\\" css-127noje-ValueContainer\\">
|
||||
<div class=" css-18hiu1u-control">
|
||||
<div class=" css-127noje-ValueContainer">
|
||||
<div
|
||||
class=\\" css-1jqq78o-placeholder\\"
|
||||
id=\\"react-select-2-placeholder\\"
|
||||
class=" css-1jqq78o-placeholder"
|
||||
id="react-select-2-placeholder"
|
||||
>
|
||||
Select...
|
||||
</div>
|
||||
<div
|
||||
class=\\" css-3qym3m-Input\\"
|
||||
class=" css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-2-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-2-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
aria-describedby=\\"react-select-2-placeholder\\"
|
||||
aria-describedby="react-select-2-placeholder"
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" css-vcwr3k-IndicatorsContainer\\">
|
||||
<span class=\\" css-1u9des2-indicatorSeparator\\">
|
||||
<div class=" css-vcwr3k-IndicatorsContainer">
|
||||
<span class=" css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -387,99 +387,99 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isMulti=true 1`] = `
|
||||
|
||||
exports[`<WrappedCustomMultiSelect /> matches snapshot with isMulti=true and a value 1`] = `
|
||||
"
|
||||
<div class=\\" css-b62m3t-container\\">
|
||||
<div class=" css-b62m3t-container">
|
||||
<span
|
||||
id=\\"react-select-6-live-region\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
id="react-select-6-live-region"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<span
|
||||
aria-live=\\"polite\\"
|
||||
aria-atomic=\\"false\\"
|
||||
aria-relevant=\\"additions text\\"
|
||||
role=\\"log\\"
|
||||
class=\\"css-1f43avz-a11yText-A11yText\\"
|
||||
aria-live="polite"
|
||||
aria-atomic="false"
|
||||
aria-relevant="additions text"
|
||||
role="log"
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
>
|
||||
</span>
|
||||
<div class=\\" css-18hiu1u-control\\">
|
||||
<div class=\\" css-127noje-ValueContainer\\">
|
||||
<div class=\\" css-1laq446-multiValue\\">
|
||||
<div class=\\" css-iljojb-MultiValueGeneric\\">
|
||||
<div class=" css-18hiu1u-control">
|
||||
<div class=" css-127noje-ValueContainer">
|
||||
<div class=" css-1laq446-multiValue">
|
||||
<div class=" css-iljojb-MultiValueGeneric">
|
||||
foo
|
||||
</div>
|
||||
<div
|
||||
role=\\"button\\"
|
||||
class=\\" css-1izoyac-MultiValueRemove\\"
|
||||
aria-label=\\"Remove foo\\"
|
||||
role="button"
|
||||
class=" css-1izoyac-MultiValueRemove"
|
||||
aria-label="Remove foo"
|
||||
>
|
||||
<svg
|
||||
height=\\"14\\"
|
||||
width=\\"14\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="14"
|
||||
width="14"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
|
||||
<path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class=\\" css-3qym3m-Input\\"
|
||||
class=" css-3qym3m-Input"
|
||||
data-value
|
||||
>
|
||||
<input
|
||||
class
|
||||
style=\\"opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;\\"
|
||||
autocapitalize=\\"none\\"
|
||||
autocomplete=\\"off\\"
|
||||
autocorrect=\\"off\\"
|
||||
id=\\"react-select-6-input\\"
|
||||
spellcheck=\\"false\\"
|
||||
tabindex=\\"0\\"
|
||||
type=\\"text\\"
|
||||
aria-autocomplete=\\"list\\"
|
||||
aria-expanded=\\"false\\"
|
||||
aria-haspopup=\\"true\\"
|
||||
role=\\"combobox\\"
|
||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
||||
autocapitalize="none"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
id="react-select-6-input"
|
||||
spellcheck="false"
|
||||
tabindex="0"
|
||||
type="text"
|
||||
aria-autocomplete="list"
|
||||
aria-expanded="false"
|
||||
aria-haspopup="true"
|
||||
role="combobox"
|
||||
aria-activedescendant
|
||||
value
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\" css-vcwr3k-IndicatorsContainer\\">
|
||||
<div class=" css-vcwr3k-IndicatorsContainer">
|
||||
<div
|
||||
class=\\" css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\\">
|
||||
<path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<span class=\\" css-1u9des2-indicatorSeparator\\">
|
||||
<span class=" css-1u9des2-indicatorSeparator">
|
||||
</span>
|
||||
<div
|
||||
class=\\" css-1xc3v61-indicatorContainer\\"
|
||||
aria-hidden=\\"true\\"
|
||||
class=" css-1xc3v61-indicatorContainer"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<svg
|
||||
height=\\"20\\"
|
||||
width=\\"20\\"
|
||||
viewbox=\\"0 0 20 20\\"
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
class=\\"css-tj5bde-Svg\\"
|
||||
height="20"
|
||||
width="20"
|
||||
viewbox="0 0 20 20"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
class="css-tj5bde-Svg"
|
||||
>
|
||||
<path d=\\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\\">
|
||||
<path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
@@ -2,69 +2,69 @@
|
||||
|
||||
exports[`<AppToasts /> renders UpgradeToastMessage when alertStore.info.upgradeReady=true 1`] = `
|
||||
"
|
||||
<li class=\\"nav-item components-navbar-button ml-auto\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<li class="nav-item components-navbar-button ml-auto">
|
||||
<div class=" tooltip-trigger">
|
||||
<span
|
||||
id=\\"components-notifications\\"
|
||||
class=\\"nav-link cursor-pointer\\"
|
||||
id="components-notifications"
|
||||
class="nav-link cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-info\\"
|
||||
class=\\"svg-inline--fa fa-circle-info fa-fw \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-info"
|
||||
class="svg-inline--fa fa-circle-info fa-fw "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<div class=\\"components-toast-container d-flex flex-column\\">
|
||||
<div class=\\"m-1 bg-toast text-white rounded shadow components-animation-fade-appear components-animation-fade-appear-active\\">
|
||||
<div class=\\"d-flex flex-row p-1\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0 align-self-center fa-stack fa-2x\\">
|
||||
<div class="components-toast-container d-flex flex-column">
|
||||
<div class="m-1 bg-toast text-white rounded shadow components-animation-fade-appear components-animation-fade-appear-active">
|
||||
<div class="d-flex flex-row p-1">
|
||||
<div class="flex-shrink-0 flex-grow-0 align-self-center fa-stack fa-2x">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle\\"
|
||||
class=\\"svg-inline--fa fa-circle fa-stack-2x text-success\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle"
|
||||
class="svg-inline--fa fa-circle fa-stack-2x text-success"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"arrow-up\\"
|
||||
class=\\"svg-inline--fa fa-arrow-up fa-stack-1x text-white\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="arrow-up"
|
||||
class="svg-inline--fa fa-arrow-up fa-stack-1x text-white"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\\"
|
||||
fill="currentColor"
|
||||
d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-1 flex-grow-1 align-self-center ms-1 me-3 text-break text-wrap\\">
|
||||
<div class="flex-shrink-1 flex-grow-1 align-self-center ms-1 me-3 text-break text-wrap">
|
||||
<div>
|
||||
<div>
|
||||
New version available, updates are paused until this page auto reloads
|
||||
@@ -74,24 +74,24 @@ exports[`<AppToasts /> renders UpgradeToastMessage when alertStore.info.upgradeR
|
||||
unknown
|
||||
</code>
|
||||
</div>
|
||||
<div class=\\"d-flex flex-row-reverse\\">
|
||||
<div class="d-flex flex-row-reverse">
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn btn-sm btn-light\\"
|
||||
type="button"
|
||||
class="btn btn-sm btn-light"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"stop\\"
|
||||
class=\\"svg-inline--fa fa-stop me-2\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="stop"
|
||||
class="svg-inline--fa fa-stop me-2"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\\"
|
||||
fill="currentColor"
|
||||
d="M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -99,13 +99,13 @@ exports[`<AppToasts /> renders UpgradeToastMessage when alertStore.info.upgradeR
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class=\\"mt-2 progress bg-dark\\"
|
||||
style=\\"height: 2px;\\"
|
||||
class="mt-2 progress bg-dark"
|
||||
style="height: 2px;"
|
||||
>
|
||||
<div
|
||||
class=\\"progress-bar bg-white toast-upgrade-progressbar\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 100px;\\"
|
||||
class="progress-bar bg-white toast-upgrade-progressbar"
|
||||
role="progressbar"
|
||||
style="width: 100px;"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -119,69 +119,69 @@ exports[`<AppToasts /> renders UpgradeToastMessage when alertStore.info.upgradeR
|
||||
|
||||
exports[`<AppToasts /> renders upstream error toasts for each unhealthy upstream 1`] = `
|
||||
"
|
||||
<li class=\\"nav-item components-navbar-button ml-auto\\">
|
||||
<div class=\\" tooltip-trigger\\">
|
||||
<li class="nav-item components-navbar-button ml-auto">
|
||||
<div class=" tooltip-trigger">
|
||||
<span
|
||||
id=\\"components-notifications\\"
|
||||
class=\\"nav-link cursor-pointer\\"
|
||||
id="components-notifications"
|
||||
class="nav-link cursor-pointer"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle-info\\"
|
||||
class=\\"svg-inline--fa fa-circle-info fa-fw \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle-info"
|
||||
class="svg-inline--fa fa-circle-info fa-fw "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<div class=\\"components-toast-container d-flex flex-column\\">
|
||||
<div class=\\"m-1 bg-toast text-white rounded shadow components-animation-fade-appear components-animation-fade-appear-active\\">
|
||||
<div class=\\"d-flex flex-row p-1\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0 align-self-center fa-stack fa-2x\\">
|
||||
<div class="components-toast-container d-flex flex-column">
|
||||
<div class="m-1 bg-toast text-white rounded shadow components-animation-fade-appear components-animation-fade-appear-active">
|
||||
<div class="d-flex flex-row p-1">
|
||||
<div class="flex-shrink-0 flex-grow-0 align-self-center fa-stack fa-2x">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle\\"
|
||||
class=\\"svg-inline--fa fa-circle fa-stack-2x text-danger\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle"
|
||||
class="svg-inline--fa fa-circle fa-stack-2x text-danger"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"exclamation\\"
|
||||
class=\\"svg-inline--fa fa-exclamation fa-stack-1x text-white\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 64 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="exclamation"
|
||||
class="svg-inline--fa fa-exclamation fa-stack-1x text-white"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 64 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\\"
|
||||
fill="currentColor"
|
||||
d="M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-1 flex-grow-1 align-self-center ms-1 me-3 text-break text-wrap\\">
|
||||
<div class="flex-shrink-1 flex-grow-1 align-self-center ms-1 me-3 text-break text-wrap">
|
||||
<div>
|
||||
<div>
|
||||
Alertmanager am1 raised an error
|
||||
@@ -193,21 +193,21 @@ exports[`<AppToasts /> renders upstream error toasts for each unhealthy upstream
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0 align-self-top\\">
|
||||
<span class=\\"badge components-label cursor-pointer with-click with-click-dark\\">
|
||||
<div class="flex-shrink-0 flex-grow-0 align-self-top">
|
||||
<span class="badge components-label cursor-pointer with-click with-click-dark">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"xmark\\"
|
||||
class=\\"svg-inline--fa fa-xmark \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="xmark"
|
||||
class="svg-inline--fa fa-xmark "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\\"
|
||||
fill="currentColor"
|
||||
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -215,43 +215,43 @@ exports[`<AppToasts /> renders upstream error toasts for each unhealthy upstream
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"m-1 bg-toast text-white rounded shadow components-animation-fade-appear components-animation-fade-appear-active\\">
|
||||
<div class=\\"d-flex flex-row p-1\\">
|
||||
<div class=\\"flex-shrink-0 flex-grow-0 align-self-center fa-stack fa-2x\\">
|
||||
<div class="m-1 bg-toast text-white rounded shadow components-animation-fade-appear components-animation-fade-appear-active">
|
||||
<div class="d-flex flex-row p-1">
|
||||
<div class="flex-shrink-0 flex-grow-0 align-self-center fa-stack fa-2x">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"circle\\"
|
||||
class=\\"svg-inline--fa fa-circle fa-stack-2x text-danger\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="circle"
|
||||
class="svg-inline--fa fa-circle fa-stack-2x text-danger"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z\\"
|
||||
fill="currentColor"
|
||||
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"exclamation\\"
|
||||
class=\\"svg-inline--fa fa-exclamation fa-stack-1x text-white\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 64 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="exclamation"
|
||||
class="svg-inline--fa fa-exclamation fa-stack-1x text-white"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 64 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z\\"
|
||||
fill="currentColor"
|
||||
d="M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-1 flex-grow-1 align-self-center ms-1 me-3 text-break text-wrap\\">
|
||||
<div class="flex-shrink-1 flex-grow-1 align-self-center ms-1 me-3 text-break text-wrap">
|
||||
<div>
|
||||
<div>
|
||||
Alertmanager am3 raised an error
|
||||
@@ -263,21 +263,21 @@ exports[`<AppToasts /> renders upstream error toasts for each unhealthy upstream
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=\\"flex-shrink-0 flex-grow-0 align-self-top\\">
|
||||
<span class=\\"badge components-label cursor-pointer with-click with-click-dark\\">
|
||||
<div class="flex-shrink-0 flex-grow-0 align-self-top">
|
||||
<span class="badge components-label cursor-pointer with-click with-click-dark">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"xmark\\"
|
||||
class=\\"svg-inline--fa fa-xmark \\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="xmark"
|
||||
class="svg-inline--fa fa-xmark "
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\\"
|
||||
fill="currentColor"
|
||||
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
@@ -28,24 +28,24 @@ exports[`<UpgradeToastMessage /> matches snapshot 1`] = `
|
||||
1.2.3
|
||||
</code>
|
||||
</div>
|
||||
<div class=\\"d-flex flex-row-reverse\\">
|
||||
<div class="d-flex flex-row-reverse">
|
||||
<button
|
||||
type=\\"button\\"
|
||||
class=\\"btn btn-sm btn-light\\"
|
||||
type="button"
|
||||
class="btn btn-sm btn-light"
|
||||
>
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"stop\\"
|
||||
class=\\"svg-inline--fa fa-stop me-2\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 384 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="stop"
|
||||
class="svg-inline--fa fa-stop me-2"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 384 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\\"
|
||||
fill="currentColor"
|
||||
d="M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
@@ -53,13 +53,13 @@ exports[`<UpgradeToastMessage /> matches snapshot 1`] = `
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class=\\"mt-2 progress bg-dark\\"
|
||||
style=\\"height: 2px;\\"
|
||||
class="mt-2 progress bg-dark"
|
||||
style="height: 2px;"
|
||||
>
|
||||
<div
|
||||
class=\\"progress-bar bg-white toast-upgrade-progressbar\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 100px;\\"
|
||||
class="progress-bar bg-white toast-upgrade-progressbar"
|
||||
role="progressbar"
|
||||
style="width: 100px;"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -369,40 +369,4 @@ describe("useFetchAny", () => {
|
||||
expect(result.current.inProgress).toBe(false);
|
||||
expect(result.current.responseURI).toBe(null);
|
||||
});
|
||||
|
||||
it("doesn't update response after cleanup on slow body read", async () => {
|
||||
let tree: any = null;
|
||||
const resp = new Response() as any;
|
||||
resp.headers = {
|
||||
get: () => "text/plain",
|
||||
};
|
||||
resp.text = async () => {
|
||||
act(() => {
|
||||
tree.unmount();
|
||||
});
|
||||
return "ok";
|
||||
};
|
||||
const fetcher = jest.fn(
|
||||
(input: RequestInfo | URL, init?: RequestInit | undefined) =>
|
||||
Promise.resolve(resp),
|
||||
);
|
||||
|
||||
const upstreams = [{ uri: "http://localhost/slow/body", options: {} }];
|
||||
const Component = () => {
|
||||
const { response, error, inProgress } = useFetchAny<string>(upstreams, {
|
||||
fetcher: fetcher,
|
||||
});
|
||||
return (
|
||||
<span>
|
||||
<span>{response}</span>
|
||||
<span>{error}</span>
|
||||
<span>{inProgress}</span>
|
||||
</span>
|
||||
);
|
||||
};
|
||||
|
||||
act(() => {
|
||||
tree = mount(<Component />);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -5,7 +5,6 @@ import { MockGroup } from "__fixtures__/Stories";
|
||||
import {
|
||||
AlertStore,
|
||||
AlertStoreStatuses,
|
||||
FormatBackendURI,
|
||||
FormatAlertsQ,
|
||||
DecodeLocationSearch,
|
||||
UpdateLocationSearch,
|
||||
@@ -19,8 +18,6 @@ beforeEach(() => {
|
||||
afterEach(() => {
|
||||
jest.restoreAllMocks();
|
||||
fetchMock.reset();
|
||||
// wipe REACT_APP_BACKEND_URI env on each run as it's used by some tests
|
||||
delete process.env.REACT_APP_BACKEND_URI;
|
||||
});
|
||||
|
||||
describe("AlertStore.data", () => {
|
||||
@@ -317,19 +314,6 @@ describe("AlertStore.filters", () => {
|
||||
});
|
||||
});
|
||||
|
||||
describe("FormatBackendURI", () => {
|
||||
it("FormatBackendURI without REACT_APP_BACKEND_URI env returns ./ prefixed URIs", () => {
|
||||
const uri = FormatBackendURI("foo/bar");
|
||||
expect(uri).toEqual("./foo/bar");
|
||||
});
|
||||
|
||||
it("FormatBackendURI with REACT_APP_BACKEND_URI env returns env value prefixed URIs", () => {
|
||||
process.env.REACT_APP_BACKEND_URI = "http://localhost:1234";
|
||||
const uri = FormatBackendURI("foo/bar");
|
||||
expect(uri).toEqual("http://localhost:1234/foo/bar");
|
||||
});
|
||||
});
|
||||
|
||||
describe("FormatAlertsQ", () => {
|
||||
it("encodes multiple values without indices", () => {
|
||||
expect(FormatAlertsQ(["a", "b"])).toBe("q=a&q=b");
|
||||
|
||||
@@ -39,8 +39,7 @@ function FormatAPIFilterQuery(filters: string[]): string {
|
||||
|
||||
// format URI for react UI -> Go backend requests
|
||||
function FormatBackendURI(path: string): string {
|
||||
const uri = process.env.REACT_APP_BACKEND_URI || ".";
|
||||
return `${uri}/${path}`;
|
||||
return `./${path}`;
|
||||
}
|
||||
|
||||
// takes the '?foo=bar&foo=baz' part of http://example.com?foo=bar&foo=baz
|
||||
|
||||
@@ -1,36 +1,36 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`SilenceFormStore.data toAlertmanagerPayload creates payload that matches snapshot 1`] = `
|
||||
Object {
|
||||
{
|
||||
"comment": "toAlertmanagerPayload test",
|
||||
"createdBy": "me@example.com",
|
||||
"endsAt": "2000-02-01T01:00:00.000Z",
|
||||
"matchers": Array [
|
||||
Object {
|
||||
"matchers": [
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": false,
|
||||
"name": "alertname",
|
||||
"value": "FakeAlert",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": false,
|
||||
"name": "job",
|
||||
"value": "mock",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": true,
|
||||
"name": "instance",
|
||||
"value": "(dev1|prod1|prod2)",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": true,
|
||||
"name": "cluster",
|
||||
"value": "(dev|prod)",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": false,
|
||||
"name": "",
|
||||
@@ -42,82 +42,82 @@ Object {
|
||||
`;
|
||||
|
||||
exports[`SilenceFormStore.data toAlertmanagerPayload creates payload that matches snapshot with regex values 1`] = `
|
||||
Object {
|
||||
{
|
||||
"comment": "toAlertmanagerPayload test",
|
||||
"createdBy": "me@example.com",
|
||||
"endsAt": "2000-02-01T01:00:00.000Z",
|
||||
"matchers": Array [
|
||||
Object {
|
||||
"matchers": [
|
||||
{
|
||||
"isEqual": false,
|
||||
"isRegex": true,
|
||||
"name": "notEqualRegexAuto",
|
||||
"value": "\\\\^\\\\(\\\\.\\\\+\\\\)\\\\$",
|
||||
"value": "\\^\\(\\.\\+\\)\\$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": true,
|
||||
"name": "equalRegexAuto",
|
||||
"value": "\\\\^\\\\(\\\\.\\\\+\\\\)\\\\$",
|
||||
"value": "\\^\\(\\.\\+\\)\\$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": false,
|
||||
"name": "equalNotRegexAuto",
|
||||
"value": "^(.+)$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": false,
|
||||
"isRegex": false,
|
||||
"name": "notEqualnotRegexAuto",
|
||||
"value": "^(.+)$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": false,
|
||||
"isRegex": true,
|
||||
"name": "notEqualRegexCreated",
|
||||
"value": "^(.+)$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": true,
|
||||
"name": "equalRegexCreated",
|
||||
"value": "^(.+)$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": false,
|
||||
"name": "equalNotRegexCreated",
|
||||
"value": "^(.+)$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": false,
|
||||
"isRegex": false,
|
||||
"name": "notEqualnotRegexAuto",
|
||||
"value": "^(.+)$",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": false,
|
||||
"isRegex": true,
|
||||
"name": "notEqualRegexCreatedMulti",
|
||||
"value": "(^(.+)$|\\\\)",
|
||||
"value": "(^(.+)$|\\)",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": true,
|
||||
"name": "equalRegexCreatedMulti",
|
||||
"value": "(^(.+)$|\\\\)",
|
||||
"value": "(^(.+)$|\\)",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": false,
|
||||
"isRegex": true,
|
||||
"name": "notEqualRegexAuto",
|
||||
"value": "(\\\\^\\\\(\\\\.\\\\+\\\\)\\\\$|\\\\)",
|
||||
"value": "(\\^\\(\\.\\+\\)\\$|\\)",
|
||||
},
|
||||
Object {
|
||||
{
|
||||
"isEqual": true,
|
||||
"isRegex": true,
|
||||
"name": "equalRegexAuto",
|
||||
"value": "(\\\\^\\\\(\\\\.\\\\+\\\\)\\\\$|\\\\)",
|
||||
"value": "(\\^\\(\\.\\+\\)\\$|\\)",
|
||||
},
|
||||
],
|
||||
"startsAt": "2000-02-01T00:00:00.000Z",
|
||||
|
||||
@@ -2,45 +2,45 @@
|
||||
|
||||
exports[`<ErrorBoundary /> matches snapshot 1`] = `
|
||||
"
|
||||
<div class=\\"text-placeholder screen-center\\">
|
||||
<div class=\\"container-fluid text-center\\">
|
||||
<h1 class=\\"display-1\\">
|
||||
<div class="text-placeholder screen-center">
|
||||
<div class="container-fluid text-center">
|
||||
<h1 class="display-1">
|
||||
<svg
|
||||
aria-hidden=\\"true\\"
|
||||
focusable=\\"false\\"
|
||||
data-prefix=\\"fas\\"
|
||||
data-icon=\\"bomb\\"
|
||||
class=\\"svg-inline--fa fa-bomb text-danger me-4\\"
|
||||
role=\\"img\\"
|
||||
xmlns=\\"http://www.w3.org/2000/svg\\"
|
||||
viewbox=\\"0 0 512 512\\"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
data-prefix="fas"
|
||||
data-icon="bomb"
|
||||
class="svg-inline--fa fa-bomb text-danger me-4"
|
||||
role="img"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 512 512"
|
||||
>
|
||||
<path
|
||||
fill=\\"currentColor\\"
|
||||
d=\\"M459.1 52.4L442.6 6.5C440.7 2.6 436.5 0 432.1 0s-8.5 2.6-10.4 6.5L405.2 52.4l-46 16.8c-4.3 1.6-7.3 5.9-7.2 10.4c0 4.5 3 8.7 7.2 10.2l45.7 16.8 16.8 45.8c1.5 4.4 5.8 7.5 10.4 7.5s8.9-3.1 10.4-7.5l16.5-45.8 45.7-16.8c4.2-1.5 7.2-5.7 7.2-10.2c0-4.6-3-8.9-7.2-10.4L459.1 52.4zm-132.4 53c-12.5-12.5-32.8-12.5-45.3 0l-2.9 2.9C256.5 100.3 232.7 96 208 96C93.1 96 0 189.1 0 304S93.1 512 208 512s208-93.1 208-208c0-24.7-4.3-48.5-12.2-70.5l2.9-2.9c12.5-12.5 12.5-32.8 0-45.3l-80-80zM200 192c-57.4 0-104 46.6-104 104v8c0 8.8-7.2 16-16 16s-16-7.2-16-16v-8c0-75.1 60.9-136 136-136h8c8.8 0 16 7.2 16 16s-7.2 16-16 16h-8z\\"
|
||||
fill="currentColor"
|
||||
d="M459.1 52.4L442.6 6.5C440.7 2.6 436.5 0 432.1 0s-8.5 2.6-10.4 6.5L405.2 52.4l-46 16.8c-4.3 1.6-7.3 5.9-7.2 10.4c0 4.5 3 8.7 7.2 10.2l45.7 16.8 16.8 45.8c1.5 4.4 5.8 7.5 10.4 7.5s8.9-3.1 10.4-7.5l16.5-45.8 45.7-16.8c4.2-1.5 7.2-5.7 7.2-10.2c0-4.6-3-8.9-7.2-10.4L459.1 52.4zm-132.4 53c-12.5-12.5-32.8-12.5-45.3 0l-2.9 2.9C256.5 100.3 232.7 96 208 96C93.1 96 0 189.1 0 304S93.1 512 208 512s208-93.1 208-208c0-24.7-4.3-48.5-12.2-70.5l2.9-2.9c12.5-12.5 12.5-32.8 0-45.3l-80-80zM200 192c-57.4 0-104 46.6-104 104v8c0 8.8-7.2 16-16 16s-16-7.2-16-16v-8c0-75.1 60.9-136 136-136h8c8.8 0 16 7.2 16 16s-7.2 16-16 16h-8z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<span class=\\"text-muted\\">
|
||||
<span class="text-muted">
|
||||
Internal error
|
||||
</span>
|
||||
</h1>
|
||||
<p class=\\"lead text-white bg-secondary p-3 rounded text-wrap text-break\\">
|
||||
<p class="lead text-white bg-secondary p-3 rounded text-wrap text-break">
|
||||
Error: Error thrown from problem child
|
||||
</p>
|
||||
<p class=\\"text-muted d-inline-block\\">
|
||||
<p class="text-muted d-inline-block">
|
||||
This page will auto refresh in 60s
|
||||
<span
|
||||
class=\\"progress bg-secondary mx-auto\\"
|
||||
style=\\"height: 2px;\\"
|
||||
class="progress bg-secondary mx-auto"
|
||||
style="height: 2px;"
|
||||
>
|
||||
<span
|
||||
class=\\"progress-bar bg-info\\"
|
||||
role=\\"progressbar\\"
|
||||
style=\\"width: 100%;\\"
|
||||
aria-valuenow=\\"100\\"
|
||||
aria-valuemin=\\"0\\"
|
||||
aria-valuemax=\\"100\\"
|
||||
class="progress-bar bg-info"
|
||||
role="progressbar"
|
||||
style="width: 100%;"
|
||||
aria-valuenow="100"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
@@ -70,48 +70,3 @@ it("renders without crashing with defaults present", () => {
|
||||
const Index = require("./index.tsx");
|
||||
expect(Index).toBeTruthy();
|
||||
});
|
||||
|
||||
describe("console", () => {
|
||||
it("console.error() throws an error", () => {
|
||||
expect(() => {
|
||||
console.error("foo");
|
||||
}).toThrowError("message=foo args=");
|
||||
});
|
||||
|
||||
it("console.warn() throws an error", () => {
|
||||
expect(() => {
|
||||
console.warn("foo", "bar");
|
||||
}).toThrowError("message=foo args=bar");
|
||||
});
|
||||
|
||||
it("console.info() throws an error", () => {
|
||||
expect(() => {
|
||||
console.info("foo", "bar", "abc");
|
||||
}).toThrowError("message=foo args=bar,abc");
|
||||
});
|
||||
|
||||
it("console.log() throws an error", () => {
|
||||
expect(() => {
|
||||
console.log("foo bar");
|
||||
}).toThrowError("message=foo bar args=");
|
||||
});
|
||||
|
||||
it("console.trace() throws an error", () => {
|
||||
expect(() => {
|
||||
console.trace();
|
||||
}).toThrowError("message=undefined args=");
|
||||
});
|
||||
|
||||
it("console.warn() with React deprecation warning doesn't throw any error", () => {
|
||||
// https://reactjs.org/blog/2019/08/08/react-v16.9.0.html#new-deprecations
|
||||
const msg = [
|
||||
"Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.",
|
||||
"* Move code with side effects to componentDidMount, and set initial state in the constructor.",
|
||||
"* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.",
|
||||
"Please update the following components: foo",
|
||||
].join("\n");
|
||||
expect(() => {
|
||||
console.warn(msg);
|
||||
}).not.toThrow();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -17,7 +17,7 @@ const pollyfillsLoaded: string[] = [];
|
||||
if ("ResizeObserver" in window === false) {
|
||||
pollyfillsLoaded.push("ResizeObserver");
|
||||
const module = require("@juggle/resize-observer"); // eslint-disable-line @typescript-eslint/no-var-requires
|
||||
window.ResizeObserver = module.ResizeObserver;
|
||||
(window as Window).ResizeObserver = module.ResizeObserver;
|
||||
}
|
||||
|
||||
export default pollyfillsLoaded;
|
||||
|
||||
@@ -31,21 +31,6 @@ jest.mock("react-intersection-observer");
|
||||
// https://github.com/airbnb/enzyme
|
||||
Enzyme.configure({ adapter: new Adapter() });
|
||||
|
||||
// https://reactjs.org/blog/2019/08/08/react-v16.9.0.html#new-deprecations
|
||||
const reactDeprecationWarning =
|
||||
/.*has been renamed, and is not recommended for use.*/;
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const consoleHandler = (message?: any, ...args: any): void => {
|
||||
if (reactDeprecationWarning.test(message as string) === false) {
|
||||
throw new Error(`message=${message} args=${args}`);
|
||||
}
|
||||
};
|
||||
global.console.error = consoleHandler;
|
||||
global.console.warn = consoleHandler;
|
||||
global.console.info = consoleHandler;
|
||||
global.console.log = consoleHandler;
|
||||
global.console.trace = consoleHandler;
|
||||
|
||||
FetchRetryConfig.minTimeout = 2;
|
||||
FetchRetryConfig.maxTimeout = 10;
|
||||
|
||||
|
||||
@@ -1,10 +1,11 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"baseUrl": "src",
|
||||
"target": "es5",
|
||||
"target": "esnext",
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"types": ["vite/client"],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"esModuleInterop": true,
|
||||
|
||||
1
ui/vite-env.d.ts
vendored
Normal file
1
ui/vite-env.d.ts
vendored
Normal file
@@ -0,0 +1 @@
|
||||
/// <reference types="vite/client" />
|
||||
13
ui/vite.config.ts
Normal file
13
ui/vite.config.ts
Normal file
@@ -0,0 +1,13 @@
|
||||
import { defineConfig } from "vite";
|
||||
import react from "@vitejs/plugin-react";
|
||||
import viteTsconfigPaths from "vite-tsconfig-paths";
|
||||
import legacy from "@vitejs/plugin-legacy";
|
||||
|
||||
export default defineConfig({
|
||||
base: "",
|
||||
plugins: [react(), viteTsconfigPaths(), legacy()],
|
||||
server: {
|
||||
open: true,
|
||||
port: 3000,
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user