Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
bae88da8
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
GitCode(gitcode.net)2024年7月9日维护升级公告
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
bae88da8
编写于
3月 06, 2018
作者:
M
Mike Greiling
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add new tests for metrics dashboard changes
上级
ed993603
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
34 addition
and
9 deletion
+34
-9
spec/javascripts/monitoring/dashboard_spec.js
spec/javascripts/monitoring/dashboard_spec.js
+34
-9
未找到文件。
spec/javascripts/monitoring/dashboard_spec.js
浏览文件 @
bae88da8
...
...
@@ -7,7 +7,7 @@ import { metricsGroupsAPIResponse, mockApiEndpoint } from './mock_data';
describe
(
'
Dashboard
'
,
()
=>
{
const
fixtureName
=
'
environments/metrics/metrics.html.raw
'
;
let
DashboardComponent
;
let
component
;
const
propsData
=
{
hasMetrics
:
false
,
documentationPath
:
'
/path/to/docs
'
,
...
...
@@ -16,7 +16,7 @@ describe('Dashboard', () => {
tagsPath
:
'
/path/to/tags
'
,
projectPath
:
'
/path/to/project
'
,
metricsEndpoint
:
mockApiEndpoint
,
deploymentEndpoint
:
'
/endpoint/deployments
'
,
deploymentEndpoint
:
null
,
emptyGettingStartedSvgPath
:
'
/path/to/getting-started.svg
'
,
emptyLoadingSvgPath
:
'
/path/to/loading.svg
'
,
emptyUnableToConnectSvgPath
:
'
/path/to/unable-to-connect.svg
'
,
...
...
@@ -31,12 +31,11 @@ describe('Dashboard', () => {
describe
(
'
no metrics are available yet
'
,
()
=>
{
it
(
'
shows a getting started empty state when no metrics are present
'
,
()
=>
{
component
=
new
DashboardComponent
({
co
nst
co
mponent
=
new
DashboardComponent
({
el
:
document
.
querySelector
(
'
#prometheus-graphs
'
),
propsData
,
});
component
.
$mount
();
expect
(
component
.
$el
.
querySelector
(
'
#prometheus-graphs
'
)).
toBe
(
null
);
expect
(
component
.
state
).
toEqual
(
'
gettingStarted
'
);
});
...
...
@@ -46,9 +45,7 @@ describe('Dashboard', () => {
let
mock
;
beforeEach
(()
=>
{
mock
=
new
MockAdapter
(
axios
);
mock
.
onGet
(
mockApiEndpoint
).
reply
(
200
,
{
metricsGroupsAPIResponse
,
});
mock
.
onGet
(
mockApiEndpoint
).
reply
(
200
,
metricsGroupsAPIResponse
);
});
afterEach
(()
=>
{
...
...
@@ -56,15 +53,43 @@ describe('Dashboard', () => {
});
it
(
'
shows up a loading state
'
,
(
done
)
=>
{
component
=
new
DashboardComponent
({
co
nst
co
mponent
=
new
DashboardComponent
({
el
:
document
.
querySelector
(
'
#prometheus-graphs
'
),
propsData
:
{
...
propsData
,
hasMetrics
:
true
},
});
component
.
$mount
();
Vue
.
nextTick
(()
=>
{
expect
(
component
.
state
).
toEqual
(
'
loading
'
);
done
();
});
});
it
(
'
hides the legend when showLegend is false
'
,
(
done
)
=>
{
const
component
=
new
DashboardComponent
({
el
:
document
.
querySelector
(
'
#prometheus-graphs
'
),
propsData
:
{
...
propsData
,
hasMetrics
:
true
,
showLegend
:
false
},
});
setTimeout
(()
=>
{
expect
(
component
.
showEmptyState
).
toEqual
(
false
);
expect
(
component
.
$el
.
querySelector
(
'
.legend-group
'
)).
toBeFalsy
();
expect
(
component
.
$el
.
querySelector
(
'
.prometheus-graph-group
'
)).
toBeTruthy
();
done
();
});
});
it
(
'
hides the group panels when showPanels is false
'
,
(
done
)
=>
{
const
component
=
new
DashboardComponent
({
el
:
document
.
querySelector
(
'
#prometheus-graphs
'
),
propsData
:
{
...
propsData
,
hasMetrics
:
true
,
showPanels
:
false
},
});
setTimeout
(()
=>
{
expect
(
component
.
showEmptyState
).
toEqual
(
false
);
expect
(
component
.
$el
.
querySelector
(
'
.prometheus-panel
'
)).
toBeFalsy
();
expect
(
component
.
$el
.
querySelector
(
'
.prometheus-graph-group
'
)).
toBeTruthy
();
done
();
});
});
});
});
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录