2019-10-12 21:52:04 +05:30
|
|
|
# frozen_string_literal: true
|
|
|
|
|
2019-12-04 20:38:33 +05:30
|
|
|
require 'spec_helper'
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
describe 'Merge request < User sees mini pipeline graph', :js do
|
2017-09-10 17:25:29 +05:30
|
|
|
let(:project) { create(:project, :public, :repository) }
|
2018-03-17 18:26:18 +05:30
|
|
|
let(:user) { project.creator }
|
2017-09-10 17:25:29 +05:30
|
|
|
let(:merge_request) { create(:merge_request, source_project: project, head_pipeline: pipeline) }
|
2017-08-17 22:00:37 +05:30
|
|
|
let(:pipeline) { create(:ci_empty_pipeline, project: project, ref: 'master', status: 'running', sha: project.commit.id) }
|
2019-02-15 15:39:39 +05:30
|
|
|
let(:build) { create(:ci_build, pipeline: pipeline, stage: 'test') }
|
2017-08-17 22:00:37 +05:30
|
|
|
|
|
|
|
before do
|
|
|
|
build.run
|
2018-05-09 12:01:36 +05:30
|
|
|
build.trace.set('hello')
|
2017-09-10 17:25:29 +05:30
|
|
|
sign_in(user)
|
|
|
|
visit_merge_request
|
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
def visit_merge_request(format: :html, serializer: nil)
|
|
|
|
visit project_merge_request_path(project, merge_request, format: format, serializer: serializer)
|
2017-08-17 22:00:37 +05:30
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'displays a mini pipeline graph' do
|
2017-08-17 22:00:37 +05:30
|
|
|
expect(page).to have_selector('.mr-widget-pipeline-graph')
|
|
|
|
end
|
|
|
|
|
2017-09-10 17:25:29 +05:30
|
|
|
context 'as json' do
|
2018-11-08 19:23:39 +05:30
|
|
|
let(:artifacts_file1) { fixture_file_upload(File.join('spec/fixtures/banana_sample.gif'), 'image/gif') }
|
|
|
|
let(:artifacts_file2) { fixture_file_upload(File.join('spec/fixtures/dk.png'), 'image/png') }
|
2017-09-10 17:25:29 +05:30
|
|
|
|
|
|
|
before do
|
2019-09-04 21:01:54 +05:30
|
|
|
job = create(:ci_build, :success, :trace_artifact, pipeline: pipeline)
|
|
|
|
create(:ci_job_artifact, :archive, file: artifacts_file1, job: job)
|
2018-05-09 12:01:36 +05:30
|
|
|
create(:ci_build, :manual, pipeline: pipeline, when: 'manual')
|
2017-09-10 17:25:29 +05:30
|
|
|
end
|
|
|
|
|
2019-12-04 20:38:33 +05:30
|
|
|
# TODO: https://gitlab.com/gitlab-org/gitlab-foss/issues/48034
|
2018-11-08 19:23:39 +05:30
|
|
|
xit 'avoids repeated database queries' do
|
2018-03-17 18:26:18 +05:30
|
|
|
before = ActiveRecord::QueryRecorder.new { visit_merge_request(format: :json, serializer: 'widget') }
|
2017-09-10 17:25:29 +05:30
|
|
|
|
2019-09-04 21:01:54 +05:30
|
|
|
job = create(:ci_build, :success, :trace_artifact, pipeline: pipeline)
|
|
|
|
create(:ci_job_artifact, :archive, file: artifacts_file2, job: job)
|
2018-05-09 12:01:36 +05:30
|
|
|
create(:ci_build, :manual, pipeline: pipeline, when: 'manual')
|
2017-09-10 17:25:29 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
after = ActiveRecord::QueryRecorder.new { visit_merge_request(format: :json, serializer: 'widget') }
|
2017-09-10 17:25:29 +05:30
|
|
|
|
|
|
|
expect(before.count).to eq(after.count)
|
|
|
|
expect(before.cached_count).to eq(after.cached_count)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
describe 'build list toggle' do
|
|
|
|
let(:toggle) do
|
|
|
|
find('.mini-pipeline-graph-dropdown-toggle')
|
|
|
|
first('.mini-pipeline-graph-dropdown-toggle')
|
|
|
|
end
|
|
|
|
|
2019-03-02 22:35:43 +05:30
|
|
|
# Status icon button styles should update as described in
|
2019-12-04 20:38:33 +05:30
|
|
|
# https://gitlab.com/gitlab-org/gitlab-foss/issues/42769
|
2019-03-02 22:35:43 +05:30
|
|
|
it 'has unique styles for default, :hover, :active, and :focus states' do
|
2018-03-17 18:26:18 +05:30
|
|
|
find('.mini-pipeline-graph-dropdown-toggle')
|
2019-03-02 22:35:43 +05:30
|
|
|
default_background_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('background-color');")
|
|
|
|
default_foreground_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible svg').css('fill');")
|
|
|
|
default_box_shadow = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('box-shadow');")
|
2017-08-17 22:00:37 +05:30
|
|
|
|
|
|
|
toggle.hover
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
find('.mini-pipeline-graph-dropdown-toggle')
|
2019-03-02 22:35:43 +05:30
|
|
|
hover_background_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('background-color');")
|
|
|
|
hover_foreground_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible svg').css('fill');")
|
|
|
|
hover_box_shadow = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('box-shadow');")
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2019-03-02 22:35:43 +05:30
|
|
|
page.driver.browser.action.click_and_hold(toggle.native).perform
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2019-03-02 22:35:43 +05:30
|
|
|
find('.mini-pipeline-graph-dropdown-toggle')
|
|
|
|
active_background_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('background-color');")
|
|
|
|
active_foreground_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible svg').css('fill');")
|
|
|
|
active_box_shadow = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('box-shadow');")
|
|
|
|
|
|
|
|
page.driver.browser.action.release(toggle.native)
|
|
|
|
.move_by(100, 100)
|
|
|
|
.perform
|
|
|
|
|
|
|
|
find('.mini-pipeline-graph-dropdown-toggle')
|
|
|
|
focus_background_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('background-color');")
|
|
|
|
focus_foreground_color = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible svg').css('fill');")
|
|
|
|
focus_box_shadow = evaluate_script("$('.mini-pipeline-graph-dropdown-toggle:visible').css('box-shadow');")
|
|
|
|
|
|
|
|
expect(default_background_color).not_to eq(hover_background_color)
|
|
|
|
expect(hover_background_color).not_to eq(active_background_color)
|
|
|
|
expect(default_background_color).not_to eq(active_background_color)
|
|
|
|
|
|
|
|
expect(default_foreground_color).not_to eq(hover_foreground_color)
|
|
|
|
expect(hover_foreground_color).not_to eq(active_foreground_color)
|
|
|
|
expect(default_foreground_color).not_to eq(active_foreground_color)
|
|
|
|
|
|
|
|
expect(focus_background_color).to eq(hover_background_color)
|
|
|
|
expect(focus_foreground_color).to eq(hover_foreground_color)
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2019-03-02 22:35:43 +05:30
|
|
|
expect(default_box_shadow).to eq('none')
|
|
|
|
expect(hover_box_shadow).to eq('none')
|
|
|
|
expect(active_box_shadow).not_to eq('none')
|
|
|
|
expect(focus_box_shadow).not_to eq('none')
|
2017-08-17 22:00:37 +05:30
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'shows tooltip when hovered' do
|
2017-08-17 22:00:37 +05:30
|
|
|
toggle.hover
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
expect(page).to have_selector('.tooltip')
|
2017-08-17 22:00:37 +05:30
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
describe 'builds list menu' do
|
|
|
|
let(:toggle) do
|
|
|
|
find('.mini-pipeline-graph-dropdown-toggle')
|
|
|
|
first('.mini-pipeline-graph-dropdown-toggle')
|
|
|
|
end
|
|
|
|
|
|
|
|
before do
|
|
|
|
toggle.click
|
2017-09-10 17:25:29 +05:30
|
|
|
wait_for_requests
|
2017-08-17 22:00:37 +05:30
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'pens when toggle is clicked' do
|
2017-08-17 22:00:37 +05:30
|
|
|
expect(toggle.find(:xpath, '..')).to have_selector('.mini-pipeline-graph-dropdown-menu')
|
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'closes when toggle is clicked again' do
|
|
|
|
toggle.click
|
2017-08-17 22:00:37 +05:30
|
|
|
|
|
|
|
expect(toggle.find(:xpath, '..')).not_to have_selector('.mini-pipeline-graph-dropdown-menu')
|
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'closes when clicking somewhere else' do
|
2017-08-17 22:00:37 +05:30
|
|
|
find('body').click
|
|
|
|
|
|
|
|
expect(toggle.find(:xpath, '..')).not_to have_selector('.mini-pipeline-graph-dropdown-menu')
|
|
|
|
end
|
|
|
|
|
|
|
|
describe 'build list build item' do
|
|
|
|
let(:build_item) do
|
|
|
|
find('.mini-pipeline-graph-dropdown-item')
|
|
|
|
first('.mini-pipeline-graph-dropdown-item')
|
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'visits the build page when clicked' do
|
2017-08-17 22:00:37 +05:30
|
|
|
build_item.click
|
|
|
|
find('.build-page')
|
|
|
|
|
2017-09-10 17:25:29 +05:30
|
|
|
expect(current_path).to eql(project_job_path(project, build))
|
2017-08-17 22:00:37 +05:30
|
|
|
end
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it 'shows tooltip when hovered' do
|
2017-08-17 22:00:37 +05:30
|
|
|
build_item.hover
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
expect(page).to have_selector('.tooltip')
|
2017-08-17 22:00:37 +05:30
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|