root
/
gitlab-ce
mirror of https://gitlab.com/free-releases/gitlab-ce.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Add latest changes from gitlab-org/gitlab@master

This commit is contained in:
GitLab Bot 2023-08-21 09:11:20 +00:00
parent f9441cac3d
commit 80ee30dd49
134 changed files with 2189 additions and 2597 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitlab/CODEOWNERS
View File

@ -1382,7 +1382,7 @@ lib/gitlab/checks/**
# CI/CD templates require approval from specific owners.
/lib/gitlab/ci/templates/ @gitlab-org/maintainers/cicd-templates
/lib/gitlab/ci/templates/Auto-DevOps.gitlab-ci.yml @DylanGriffith @mayra-cabrera @tkuah
/lib/gitlab/ci/templates/Security/ @gonzoyumo @twoodham @sethgitlab @thiagocsf
/lib/gitlab/ci/templates/Security/ @gonzoyumo @twoodham @amarpatel
/lib/gitlab/ci/templates/Security/API-Fuzzing.*.yml @gitlab-org/secure/dynamic-analysis
/lib/gitlab/ci/templates/Security/Container-Scanning.*.yml @gitlab-org/secure/composition-analysis-be
/lib/gitlab/ci/templates/Security/Coverage-Fuzzing.*.yml @gitlab-org/secure/dynamic-analysis

1
app/assets/javascripts/persistent_user_callouts.js
View File

@ -25,7 +25,6 @@ const PERSISTENT_USER_CALLOUTS = [
'.js-unlimited-members-during-trial-alert',
'.js-branch-rules-info-callout',
'.js-new-navigation-callout',
'.js-code-suggestions-third-party-callout',
'.js-namespace-over-storage-users-combined-alert',
];

2
app/controllers/oauth/authorizations_controller.rb
View File

@ -14,7 +14,7 @@ class Oauth::AuthorizationsController < Doorkeeper::AuthorizationsController
# include the call to session.delete
def new
if pre_auth.authorizable?
if skip_authorization? || matching_token?
if skip_authorization? || (matching_token? && pre_auth.client.application.confidential?)
auth = authorization.authorize
parsed_redirect_uri = URI.parse(auth.redirect_uri)
session.delete(:user_return_to)

2
app/models/users/callout.rb
View File

@ -71,7 +71,7 @@ module Users
project_repository_limit_alert_alert_threshold: 69, # EE-only
project_repository_limit_alert_error_threshold: 70, # EE-only
new_navigation_callout: 71,
code_suggestions_third_party_callout: 72, # EE-only
# 72 removed in https://gitlab.com/gitlab-org/gitlab/-/merge_requests/129022
namespace_over_storage_users_combined_alert: 73, # EE-only
rich_text_editor: 74
}

24
app/services/metrics/global_metrics_update_service.rb
View File

@ -1,24 +0,0 @@
# frozen_string_literal: true
module Metrics
# Update metrics regarding GitLab instance wide
#
# Anything that is not specific to a machine, process, request or any other context
# can be updated from this services.
#
# Examples of metrics that qualify:
# * Global counters (instance users, instance projects...)
# * State of settings stored in the database (whether a feature is active or not, tuning values...)
#
class GlobalMetricsUpdateService
def execute
return unless ::Gitlab::Metrics.prometheus_metrics_enabled?
maintenance_mode_metric.set({}, (::Gitlab.maintenance_mode? ? 1 : 0))
end
def maintenance_mode_metric
::Gitlab::Metrics.gauge(:gitlab_maintenance_mode, 'Is GitLab Maintenance Mode enabled?')
end
end
end

1
app/views/layouts/_page.html.haml
View File

@ -20,7 +20,6 @@
.mobile-overlay
= dispensable_render_if_exists 'layouts/header/verification_reminder'
.alert-wrapper.gl-force-block-formatting-context
= yield :code_suggestions_third_party_alert
= dispensable_render 'shared/new_nav_announcement'
= dispensable_render 'shared/outdated_browser'
= dispensable_render_if_exists "layouts/header/licensed_user_count_threshold"

1
app/views/layouts/group.html.haml
View File

@ -21,7 +21,6 @@
= render 'groups/invite_members_modal', group: @group
= dispensable_render_if_exists "shared/web_hooks/group_web_hook_disabled_alert"
= dispensable_render_if_exists "shared/code_suggestions_third_party_alert", source: @group
= dispensable_render_if_exists "shared/free_user_cap_alert", source: @group
= dispensable_render_if_exists "shared/unlimited_members_during_trial_alert", resource: @group

1
app/views/layouts/project.html.haml
View File

@ -23,7 +23,6 @@
= render 'projects/invite_members_modal', project: @project
= dispensable_render_if_exists "shared/web_hooks/web_hook_disabled_alert"
= dispensable_render_if_exists "projects/code_suggestions_third_party_alert", project: @project
= dispensable_render_if_exists "projects/free_user_cap_alert", project: @project
= dispensable_render_if_exists 'shared/unlimited_members_during_trial_alert', resource: @project

4
app/workers/metrics/global_metrics_update_worker.rb
View File

@ -16,9 +16,7 @@ module Metrics
LEASE_TIMEOUT = 2.minutes
def perform
try_obtain_lease { ::Metrics::GlobalMetricsUpdateService.new.execute }
end
def perform; end
def lease_timeout
LEASE_TIMEOUT

3
config/application.rb
View File

@ -258,6 +258,9 @@ module Gitlab
# Enable the asset pipeline
config.assets.enabled = true
# Disable adding field_with_errors wrapper to form elements
config.action_view.field_error_proc = proc { |html_tag, instance| html_tag }
# Support legacy unicode file named img emojis, `1F939.png`
config.assets.paths << TanukiEmoji.images_path
config.assets.paths << "#{config.root}/vendor/assets/fonts"

3
config/initializers/1_settings.rb
View File

@ -682,9 +682,6 @@ Settings.cron_jobs['packages_cleanup_delete_orphaned_dependencies_worker']['job_
Settings.cron_jobs['cleanup_dangling_debian_package_files_worker'] ||= {}
Settings.cron_jobs['cleanup_dangling_debian_package_files_worker']['cron'] ||= '20 21 * * *'
Settings.cron_jobs['cleanup_dangling_debian_package_files_worker']['job_class'] = 'Packages::Debian::CleanupDanglingPackageFilesWorker'
Settings.cron_jobs['global_metrics_update_worker'] ||= {}
Settings.cron_jobs['global_metrics_update_worker']['cron'] ||= '*/1 * * * *'
Settings.cron_jobs['global_metrics_update_worker']['job_class'] ||= 'Metrics::GlobalMetricsUpdateWorker'
Settings.cron_jobs['object_storage_delete_stale_direct_uploads_worker'] ||= {}
Settings.cron_jobs['object_storage_delete_stale_direct_uploads_worker']['cron'] ||= '*/6 * * * *'
Settings.cron_jobs['object_storage_delete_stale_direct_uploads_worker']['job_class'] = 'ObjectStorage::DeleteStaleDirectUploadsWorker'

12
doc/administration/job_artifacts_troubleshooting.md
View File

@ -270,7 +270,7 @@ To change the number of job artifacts listed, change the number in `limit(50)`.
### Delete job artifacts from jobs completed before a specific date
WARNING:
These commands remove data permanently from both the database and from disk. Before running them, we highly recommend seeking guidance from a Support Engineer, or running them in a test environment with a backup of the instance ready to be restored, just in case.
These commands remove data permanently from database and storage. Before running them, we highly recommend seeking guidance from a Support Engineer, or running them in a test environment with a backup of the instance ready to be restored, just in case.
If you need to manually remove job artifacts associated with multiple jobs while
**retaining their job logs**, this can be done from the Rails console (`sudo gitlab-rails console`):
@ -453,7 +453,15 @@ value for the total storage space used by artifacts. To recalculate the artifact
usage statistics for all projects in the instance, you can run this background script:
```shell
bin/rake 'gitlab:refresh_project_statistics_build_artifacts_size[file.csv]'
gitlab-rake gitlab:refresh_project_statistics_build_artifacts_size[https://example.com/path/file.csv]
The `https://example.com/path/file.csv` file must list the project IDs for
all projects for which you want to recalculate artifact storage usage. Use this format for the file:
```csv
PROJECT_ID
1
2
```
The artifact usage value can fluctuate to `0` while the script is running. After

1
doc/api/graphql/reference/index.md
View File

@ -27908,7 +27908,6 @@ Name of the feature that the callout is for.
| <a id="usercalloutfeaturenameenumci_deprecation_warning_for_types_keyword"></a>`CI_DEPRECATION_WARNING_FOR_TYPES_KEYWORD` | Callout feature name for ci_deprecation_warning_for_types_keyword. |
| <a id="usercalloutfeaturenameenumcloud_licensing_subscription_activation_banner"></a>`CLOUD_LICENSING_SUBSCRIPTION_ACTIVATION_BANNER` | Callout feature name for cloud_licensing_subscription_activation_banner. |
| <a id="usercalloutfeaturenameenumcluster_security_warning"></a>`CLUSTER_SECURITY_WARNING` | Callout feature name for cluster_security_warning. |
| <a id="usercalloutfeaturenameenumcode_suggestions_third_party_callout"></a>`CODE_SUGGESTIONS_THIRD_PARTY_CALLOUT` | Callout feature name for code_suggestions_third_party_callout. |
| <a id="usercalloutfeaturenameenumcreate_runner_workflow_banner"></a>`CREATE_RUNNER_WORKFLOW_BANNER` | Callout feature name for create_runner_workflow_banner. |
| <a id="usercalloutfeaturenameenumeoa_bronze_plan_banner"></a>`EOA_BRONZE_PLAN_BANNER` | Callout feature name for eoa_bronze_plan_banner. |
| <a id="usercalloutfeaturenameenumfeature_flags_new_version"></a>`FEATURE_FLAGS_NEW_VERSION` | Callout feature name for feature_flags_new_version. |

6
jest.config.base.js
View File

@ -37,7 +37,7 @@ module.exports = (path, options = {}) => {
}
if (USE_VUE_3) {
setupFilesAfterEnv.unshift(`<rootDir>/${path}/vue_compat_test_setup.js`);
setupFilesAfterEnv.unshift('<rootDir>/spec/frontend/vue_compat_test_setup.js');
Object.assign(vueModuleNameMappers, {
'^vue$': '@vue/compat',
'^@vue/test-utils$': '@vue/test-utils-vue3',
@ -262,5 +262,9 @@ module.exports = (path, options = {}) => {
url: TEST_HOST,
},
testRunner: 'jest-jasmine2',
snapshotSerializers: [
'<rootDir>/spec/frontend/__helpers__/html_string_serializer.js',
'<rootDir>/spec/frontend/__helpers__/clean_html_element_serializer.js',
],
};
};

45
lib/api/internal/kubernetes.rb
View File

@ -78,6 +78,30 @@ module API
::Clusters::Agents::Authorizations::CiAccess::RefreshService.new(agent, config: config).execute
::Clusters::Agents::Authorizations::UserAccess::RefreshService.new(agent, config: config).execute
end
def retrieve_user_from_session_cookie
# Load session
public_session_id_string =
begin
Gitlab::Kas::UserAccess.decrypt_public_session_id(params[:access_key])
rescue StandardError
bad_request!('Invalid access_key')
end
session_id = Rack::Session::SessionId.new(public_session_id_string)
session = ActiveSession.sessions_from_ids([session_id.private_id]).first
unauthorized!('Invalid session') unless session
# CSRF check
unless ::Gitlab::Kas::UserAccess.valid_authenticity_token?(session.symbolize_keys, params[:csrf_token])
unauthorized!('CSRF token does not match')
end
# Load user
user = Warden::SessionSerializer.new('rack.session' => session).fetch(:user)
unauthorized!('Invalid user in session') unless user
user
end
end
namespace 'internal' do
@ -162,26 +186,9 @@ module API
end
end
post '/', feature_category: :deployment_management do
# Load session
public_session_id_string =
begin
Gitlab::Kas::UserAccess.decrypt_public_session_id(params[:access_key])
rescue StandardError
bad_request!('Invalid access_key')
end
session_id = Rack::Session::SessionId.new(public_session_id_string)
session = ActiveSession.sessions_from_ids([session_id.private_id]).first
unauthorized!('Invalid session') unless session
# CSRF check
unless ::Gitlab::Kas::UserAccess.valid_authenticity_token?(session.symbolize_keys, params[:csrf_token])
unauthorized!('CSRF token does not match')
end
# Load user
user = Warden::SessionSerializer.new('rack.session' => session).fetch(:user)
unauthorized!('Invalid user in session') unless user
user = (retrieve_user_from_session_cookie if params[:access_type] == 'session_cookie')
bad_request!('Unable to get user from request data') unless user
# Load agent
agent = ::Clusters::Agent.find(params[:agent_id])

74
lib/gitlab/metrics/dashboard/stages/base_stage.rb
View File

@ -1,74 +0,0 @@
# frozen_string_literal: true
module Gitlab
module Metrics
module Dashboard
module Stages
class BaseStage
attr_reader :project, :dashboard, :params
def initialize(project, dashboard, params)
@project = project
@dashboard = dashboard
@params = params
end
# Entry-point to the stage
def transform!
raise NotImplementedError
end
protected
def missing_panel_groups!
raise Errors::LayoutError, 'Top-level key :panel_groups must be an array'
end
def missing_panels!
raise Errors::LayoutError, 'Each "panel_group" must define an array :panels'
end
def missing_metrics!
raise Errors::LayoutError, 'Each "panel" must define an array :metrics'
end
def for_metrics
missing_panel_groups! unless dashboard[:panel_groups].is_a?(Array)
for_panel_groups do |panel_group|
for_panels_in(panel_group) do |panel|
missing_metrics! unless panel[:metrics].is_a?(Array)
panel[:metrics].each do |metric|
yield metric
end
end
end
end
def for_variables
return unless dashboard.dig(:templating, :variables).is_a?(Hash)
dashboard.dig(:templating, :variables).each do |variable_name, variable|
yield variable_name, variable
end
end
def for_panel_groups
dashboard[:panel_groups].each do |panel_group|
yield panel_group
end
end
def for_panels_in(panel_group)
missing_panels! unless panel_group[:panels].is_a?(Array)
panel_group[:panels].each do |panel|
yield panel
end
end
end
end
end
end
end

58
lib/gitlab/metrics/dashboard/stages/url_validator.rb
View File

@ -1,58 +0,0 @@
# frozen_string_literal: true
module Gitlab
module Metrics
module Dashboard
module Stages
class UrlValidator < BaseStage
def transform!
validate_dashboard_links(dashboard)
validate_chart_links(dashboard)
end
private
def blocker_args
{
schemes: %w(http https),
ports: [],
allow_localhost: allow_setting_local_requests?,
allow_local_network: allow_setting_local_requests?,
ascii_only: false,
enforce_user: false,
enforce_sanitization: false,
dns_rebind_protection: true
}
end
def allow_setting_local_requests?
Gitlab::CurrentSettings.allow_local_requests_from_web_hooks_and_services?
end
def validate_dashboard_links(dashboard)
validate_links(dashboard[:links])
end
def validate_chart_links(dashboard)
dashboard[:panel_groups].each do |panel_group|
panel_group[:panels].each do |panel|
validate_links(panel[:links])
end
end
end
def validate_links(links)
links&.each do |link|
next unless link.is_a? Hash
Gitlab::UrlBlocker.validate!(link[:url], **blocker_args)
rescue Gitlab::UrlBlocker::BlockedUrlError
link[:url] = ''
end
end
end
end
end
end
end

19
lib/gitlab/metrics/dashboard/transformers/errors.rb
View File

@ -1,19 +0,0 @@
# frozen_string_literal: true
module Gitlab
module Metrics
module Dashboard
module Transformers
module Errors
BaseError = Class.new(StandardError)
class MissingAttribute < BaseError
def initialize(attribute_name)
super("Missing attribute: '#{attribute_name}'")
end
end
end
end
end
end
end

6
locale/gitlab.pot
View File

@ -11521,12 +11521,6 @@ msgstr ""
msgid "CodeSuggestionsSM|Personal access token"
msgstr ""
msgid "CodeSuggestionsThirdPartyAlert|%{code_suggestions_link_start}Code Suggestions%{link_end} now uses third-party AI services to provide higher quality suggestions. You can %{third_party_link_start}disable third-party services%{link_end} for your group, or disable Code Suggestions entirely in %{profile_settings_link_start}your user profile%{link_end}."
msgstr ""
msgid "CodeSuggestionsThirdPartyAlert|We use third-party AI services to improve Code Suggestions."
msgstr ""
msgid "CodeSuggestions|%{link_start}What are code suggestions?%{link_end}"
msgstr ""

33
spec/controllers/oauth/authorizations_controller_spec.rb
View File

@ -5,9 +5,15 @@ require 'spec_helper'
RSpec.describe Oauth::AuthorizationsController do
let(:user) { create(:user) }
let(:application_scopes) { 'api read_user' }
let(:confidential) { true }
let!(:application) do
create(:oauth_application, scopes: application_scopes, redirect_uri: 'http://example.com')
create(
:oauth_application,
scopes: application_scopes,
redirect_uri: 'http://example.com',
confidential: confidential
)
end
let(:params) do
@ -68,12 +74,27 @@ RSpec.describe Oauth::AuthorizationsController do
create(:oauth_access_token, application: application, resource_owner_id: user.id, scopes: scopes)
end
it 'authorizes the request and shows the user a page that redirects' do
subject
context 'when application is confidential' do
let(:confidential) { true }
expect(request.session['user_return_to']).to be_nil
expect(response).to have_gitlab_http_status(:ok)
expect(response).to render_template('doorkeeper/authorizations/redirect')
it 'authorizes the request and shows the user a page that redirects' do
subject
expect(request.session['user_return_to']).to be_nil
expect(response).to have_gitlab_http_status(:ok)
expect(response).to render_template('doorkeeper/authorizations/redirect')
end
end
context 'when application is not confidential' do
let(:confidential) { false }
it 'returns 200 code and renders view' do
subject
expect(response).to have_gitlab_http_status(:ok)
expect(response).to render_template('doorkeeper/authorizations/new')
end
end
end

2
spec/features/oauth_login_spec.rb
View File

@ -136,7 +136,7 @@ RSpec.describe 'OAuth Login', :allow_forgery_protection, feature_category: :syst
# record as the host / port depends on whether or not the spec uses
# JS.
let(:application) do
create(:oauth_application, scopes: 'api', redirect_uri: redirect_uri, confidential: false)
create(:oauth_application, scopes: 'api', redirect_uri: redirect_uri, confidential: true)
end
let(:params) do

142
spec/frontend/__helpers__/clean_html_element_serializer.js Normal file
View File

@ -0,0 +1,142 @@
// slot-scope attribute is a result of Vue.js 3 stubs being serialized in slot context, drop it
// modelModifiers are result of Vue.js 3 model modifiers handling and should not be in snapshot
const ATTRIBUTES_TO_REMOVE = ['slot-scope', 'modelmodifiers'];
// Taken from https://github.com/vuejs/vue/blob/72aed6a149b94b5b929fb47370a7a6d4cb7491c5/src/platforms/web/util/attrs.ts#L37-L44
const BOOLEAN_ATTRIBUTES = new Set(
(
'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +
'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +
'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +
'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +
'required,reversed,scoped,seamless,selected,sortable,' +
'truespeed,typemustmatch,visible'
).split(','),
);
function sortClassesAlphabetically(node) {
// Make classes render in alphabetical order for both Vue2 and Vue3
if (node.hasAttribute('class')) {
const classes = node.getAttribute('class');
if (classes === '') {
node.removeAttribute('class');
} else {
node.setAttribute('class', Array.from(node.classList).sort().join(' '));
}
}
}
const TRANSITION_VALUES_TO_REMOVE = [
{ attributeName: 'css', defaultValue: 'true' },
{ attributeName: 'persisted', defaultValue: 'true' },
];
function removeInternalPropsLeakingToTransitionStub(node) {
TRANSITION_VALUES_TO_REMOVE.forEach((hash) => {
if (node.getAttribute(hash.attributeName) === hash.defaultValue) {
node.removeAttribute(hash.attributeName);
}
});
}
function normalizeText(node) {
const newText = node.textContent.trim();
const textWithoutNewLines = newText.replace(/\n/g, '');
const textWithoutDeepSpace = textWithoutNewLines.replace(/(?<=\S)\s+/g, ' ');
// eslint-disable-next-line no-param-reassign
node.textContent = textWithoutDeepSpace;
}
const visited = new WeakSet();
// Lovingly borrowed from https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Whitespace#whitespace_helper_functions
function isAllWhitespace(node) {
return !/[^\t\n\r ]/.test(node.textContent);
}
function isIgnorable(node) {
return (
node.nodeType === Node.COMMENT_NODE || // A comment node
(node.nodeType === Node.TEXT_NODE && isAllWhitespace(node))
); // a text node, all ws
}
const REFERENCE_ATTRIBUTES = ['aria-controls', 'aria-labelledby', 'for'];
function updateIdTags(root) {
const elementsWithIds = [...(root.id ? [root] : []), ...root.querySelectorAll('[id]')];
const referenceSelector = REFERENCE_ATTRIBUTES.map((attr) => `[${attr}]`).join(',');
const elementsWithReference = [
...(root.matches(referenceSelector) ? [root] : []),
...root.querySelectorAll(REFERENCE_ATTRIBUTES.map((attr) => `[${attr}]`).join(',')),
];
elementsWithReference.forEach((el) => {
REFERENCE_ATTRIBUTES.filter((attr) => el.getAttribute(attr)).forEach((target) => {
const index = elementsWithIds.findIndex((t) => t.id === el.getAttribute(target));
if (index !== -1) {
el.setAttribute(target, `reference-${index}`);
}
});
});
elementsWithIds.forEach((el, index) => {
el.setAttribute('id', `reference-${index}`);
});
}
export function test(received) {
return received instanceof Element && !visited.has(received);
}
export function serialize(received, config, indentation, depth, refs, printer) {
// Explicitly set empty string values of img.src to `null` as Vue3 does
// We need to do this before `clone`, otherwise src prop diff will be lost
received.querySelectorAll('img').forEach((img) => img.setAttribute('src', img.src || null));
const clone = received.cloneNode(true);
updateIdTags(clone);
visited.add(clone);
const iterator = document.createNodeIterator(
clone,
// eslint-disable-next-line no-bitwise
NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT,
);
const ignorableNodes = [];
for (let currentNode = iterator.nextNode(); currentNode; currentNode = iterator.nextNode()) {
if (isIgnorable(currentNode)) {
ignorableNodes.push(currentNode);
} else {
if (currentNode instanceof Element) {
ATTRIBUTES_TO_REMOVE.forEach((attr) => currentNode.removeAttribute(attr));
if (!currentNode.tagName.includes('-')) {
// We want to normalize boolean attributes rendering only on native tags
BOOLEAN_ATTRIBUTES.forEach((attr) => {
if (currentNode.hasAttribute(attr) && currentNode.getAttribute(attr) === attr) {
currentNode.setAttribute(attr, '');
}
});
}
sortClassesAlphabetically(currentNode);
if (currentNode.tagName === 'TRANSITION-STUB') {
removeInternalPropsLeakingToTransitionStub(currentNode);
}
}
if (currentNode.nodeType === Node.TEXT_NODE) {
normalizeText(currentNode);
}
currentNode.normalize();
visited.add(currentNode);
}
}
ignorableNodes.forEach((x) => x.remove());
return printer(clone, config, indentation, depth, refs);
}

11
spec/frontend/__helpers__/html_string_serializer.js Normal file
View File

@ -0,0 +1,11 @@
export function test(received) {
return received && typeof received === 'string' && received.startsWith('<');
}
export function serialize(received, config, indentation, depth, refs, printer) {
const parser = new DOMParser();
const doc = parser.parseFromString(received, 'text/html');
const el = doc.body.firstElementChild;
return printer(el, config, indentation, depth, refs);
}

4
spec/frontend/add_context_commits_modal/components/__snapshots__/add_context_commits_modal_spec.js.snap
View File

@ -24,7 +24,6 @@ exports[`AddContextCommitsModal renders modal with 2 tabs 1`] = `
<gl-tab-stub
titlelinkclass=""
>
<div
class="gl-mt-3"
>
@ -38,7 +37,6 @@ exports[`AddContextCommitsModal renders modal with 2 tabs 1`] = `
searchtextoptionlabel="Search for this text"
value=""
/>
<review-tab-container-stub
commits=""
emptylisttext="Your search didn't match any commits. Try a different query."
@ -46,11 +44,9 @@ exports[`AddContextCommitsModal renders modal with 2 tabs 1`] = `
/>
</div>
</gl-tab-stub>
<gl-tab-stub
titlelinkclass=""
>
<review-tab-container-stub
commits=""
emptylisttext="Commits you select appear here. Go to the first tab and select commits to add to this merge request."

1
spec/frontend/admin/applications/components/__snapshots__/delete_application_spec.js.snap
View File

@ -10,7 +10,6 @@ exports[`DeleteApplication the modal component form matches the snapshot 1`] = `
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"

1
spec/frontend/admin/topics/components/__snapshots__/remove_avatar_spec.js.snap
View File

@ -10,7 +10,6 @@ exports[`RemoveAvatar the modal component form matches the snapshot 1`] = `
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"

9
spec/frontend/admin/users/components/associations/__snapshots__/associations_list_item_spec.js.snap
View File

@ -1,3 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AssociationsListItem renders interpolated message in a \`li\` element 1`] = `"<li><strong>5</strong> groups</li>"`;
exports[`AssociationsListItem renders interpolated message in a \`li\` element 1`] = `
<li>
<strong>
5
</strong>
groups
</li>
`;

2
spec/frontend/admin/users/components/modals/__snapshots__/delete_user_modal_spec.js.snap
View File

@ -10,13 +10,11 @@ exports[`Delete user modal renders modal with form included 1`] = `
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"
value="csrf"
/>
<gl-form-input-stub
autocomplete="off"
autofocus=""

24
spec/frontend/alerts_settings/components/__snapshots__/alerts_form_spec.js.snap
View File

@ -7,7 +7,6 @@ exports[`Alert integration settings form default state should match the default
message="Action to take when receiving an alert. %{docsLink}"
/>
</p>
<form>
<gl-form-group-stub
class="gl-pl-0"
@ -17,14 +16,13 @@ exports[`Alert integration settings form default state should match the default
<gl-form-checkbox-stub
checked="true"
data-qa-selector="create_incident_checkbox"
id="2"
id="reference-0"
>
<span>
Create an incident. Incidents are created for each alert triggered.
</span>
</gl-form-checkbox-stub>
</gl-form-group-stub>
<gl-form-group-stub
class="col-8 col-md-9 gl-px-6"
label-for="alert-integration-settings-issue-template"
@ -34,11 +32,9 @@ exports[`Alert integration settings form default state should match the default
>
<label
class="gl-display-inline-flex"
for="alert-integration-settings-issue-template"
for="reference-1"
>
Incident template (optional).
<gl-link-stub
href="/help/user/project/description_templates#create-an-issue-template"
target="_blank"
@ -50,14 +46,13 @@ exports[`Alert integration settings form default state should match the default
</span>
</gl-link-stub>
</label>
<gl-collapsible-listbox-stub
block="true"
category="primary"
data-qa-selector="incident_templates_dropdown"
headertext=""
icon=""
id="alert-integration-settings-issue-template"
id="reference-1"
items="[object Object]"
noresultstext="No results found"
placement="left"
@ -71,37 +66,34 @@ exports[`Alert integration settings form default state should match the default
variant="default"
/>
</gl-form-group-stub>
<gl-form-group-stub
class="gl-pl-0 gl-mb-5"
class="gl-mb-5 gl-pl-0"
labeldescription=""
optionaltext="(optional)"
>
<gl-form-checkbox-stub
data-qa-selector="enable_email_notification_checkbox"
id="3"
id="reference-2"
>
<span>
Send a single email notification to Owners and Maintainers for new alerts.
</span>
</gl-form-checkbox-stub>
</gl-form-group-stub>
<gl-form-group-stub
class="gl-pl-0 gl-mb-5"
class="gl-mb-5 gl-pl-0"
labeldescription=""
optionaltext="(optional)"
>
<gl-form-checkbox-stub
checked="true"
id="4"
id="reference-3"
>
<span>
Automatically close associated incident when a recovery alert notification resolves an alert
</span>
</gl-form-checkbox-stub>
</gl-form-group-stub>
<gl-button-stub
buttontextclasses=""
category="primary"
@ -112,9 +104,7 @@ exports[`Alert integration settings form default state should match the default
type="submit"
variant="confirm"
>
Save changes
</gl-button-stub>
</form>
</div>

46
spec/frontend/analytics/cycle_analytics/components/__snapshots__/total_time_spec.js.snap
View File

@ -1,28 +1,52 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`TotalTime with a blank object should render -- 1`] = `"<span> -- </span>"`;
exports[`TotalTime with a blank object should render -- 1`] = `
<span>
--
</span>
`;
exports[`TotalTime with a valid time object with {"days": 3, "mins": 47, "seconds": 3} 1`] = `
"<span>
3 <span>days</span></span>"
<span>
3
<span>
days
</span>
</span>
`;
exports[`TotalTime with a valid time object with {"hours": 7, "mins": 20, "seconds": 10} 1`] = `
"<span>
7 <span>hrs</span></span>"
<span>
7
<span>
hrs
</span>
</span>
`;
exports[`TotalTime with a valid time object with {"hours": 23, "mins": 10} 1`] = `
"<span>
23 <span>hrs</span></span>"
<span>
23
<span>
hrs
</span>
</span>
`;
exports[`TotalTime with a valid time object with {"mins": 47, "seconds": 3} 1`] = `
"<span>
47 <span>mins</span></span>"
<span>
47
<span>
mins
</span>
</span>
`;
exports[`TotalTime with a valid time object with {"seconds": 35} 1`] = `
"<span>
35 <span>s</span></span>"
<span>
35
<span>
s
</span>
</span>
`;

22
spec/frontend/artifacts_settings/components/__snapshots__/keep_latest_artifact_checkbox_spec.js.snap
View File

@ -2,35 +2,28 @@
exports[`Keep latest artifact toggle when application keep latest artifact setting is enabled sets correct setting value in toggle with query result 1`] = `
<div>
<!---->
<div
class="gl-toggle-wrapper gl-display-flex gl-mb-0 flex-grow-1 gl-flex-direction-column"
class="flex-grow-1 gl-display-flex gl-flex-direction-column gl-mb-0 gl-toggle-wrapper"
data-testid="toggle-wrapper"
>
<span
class="gl-toggle-label-container gl-mb-3"
class="gl-mb-3 gl-toggle-label-container"
>
<span
class="gl-toggle-label"
data-testid="toggle-label"
id="toggle-label-4"
id="reference-0"
>
Keep artifacts from most recent successful jobs
</span>
<!---->
</span>
<span
class="gl-toggle-switch-container"
>
<!---->
<button
aria-checked="true"
aria-describedby="toggle-help-2"
aria-labelledby="toggle-label-4"
aria-labelledby="reference-0"
class="gl-flex-shrink-0 gl-toggle is-checked"
role="switch"
type="button"
@ -44,15 +37,12 @@ exports[`Keep latest artifact toggle when application keep latest artifact setti
/>
</span>
</button>
<span
class="gl-help-label"
data-testid="toggle-help"
id="toggle-help-2"
id="reference-1"
>
The latest artifacts created by jobs in the most recent successful pipeline will be stored.
The latest artifacts created by jobs in the most recent successful pipeline will be stored.
<gl-link-stub
href="/help/ci/pipelines/job_artifacts"
>

6
spec/frontend/blob/components/__snapshots__/blob_edit_header_spec.js.snap
View File

@ -2,10 +2,10 @@
exports[`Blob Header Editing rendering matches the snapshot 1`] = `
<div
class="js-file-title file-title-flex-parent"
class="file-title-flex-parent js-file-title"
>
<div
class="gl-display-flex gl-align-items-center gl-w-full"
class="gl-align-items-center gl-display-flex gl-w-full"
>
<gl-form-input-stub
class="form-control js-snippet-file-name"
@ -14,8 +14,6 @@ exports[`Blob Header Editing rendering matches the snapshot 1`] = `
type="text"
value="foo.md"
/>
<!---->
</div>
</div>
`;

10
spec/frontend/blob/components/__snapshots__/blob_header_filepath_spec.js.snap
View File

@ -2,9 +2,8 @@
exports[`Blob Header Filepath rendering matches the snapshot 1`] = `
<div
class="file-header-content d-flex align-items-center lh-100"
class="align-items-center d-flex file-header-content lh-100"
>
<file-icon-stub
aria-hidden="true"
cssclasses="gl-mr-3"
@ -12,14 +11,12 @@ exports[`Blob Header Filepath rendering matches the snapshot 1`] = `
filename="foo/bar/dummy.md"
size="16"
/>
<strong
class="file-title-name mr-1 js-blob-header-filepath"
class="file-title-name js-blob-header-filepath mr-1"
data-qa-selector="file_title_content"
>
foo/bar/dummy.md
</strong>
<clipboard-button-stub
category="tertiary"
cssclass="gl-mr-2"
@ -30,13 +27,10 @@ exports[`Blob Header Filepath rendering matches the snapshot 1`] = `
tooltipplacement="top"
variant="default"
/>
<small
class="gl-mr-3"
>
a lot
</small>
<!---->
</div>
`;

7
spec/frontend/blob/components/__snapshots__/blob_header_spec.js.snap
View File

@ -2,7 +2,7 @@
exports[`Blob Header Default Actions rendering matches the snapshot 1`] = `
<div
class="js-file-title file-title-flex-parent"
class="file-title-flex-parent js-file-title"
>
<div
class="gl-display-flex"
@ -10,21 +10,18 @@ exports[`Blob Header Default Actions rendering matches the snapshot 1`] = `
<table-of-contents-stub
class="gl-pr-2"
/>
<blob-filepath-stub
blob="[object Object]"
showpath="true"
/>
</div>
<div
class="gl-display-flex gl-flex-wrap file-actions"
class="file-actions gl-display-flex gl-flex-wrap"
>
<viewer-switcher-stub
docicon="document"
value="simple"
/>
<default-actions-stub
activeviewer="simple"
rawpath="https://testing.com/flightjs/flight/snippets/51/raw"

51
spec/frontend/branches/components/__snapshots__/delete_merged_branches_spec.js.snap
View File

@ -16,102 +16,82 @@ exports[`Delete merged branches component Delete merged branches confirmation mo
toggletext=""
variant="default"
>
<ul
aria-labelledby="dropdown-toggle-btn-25"
class="gl-new-dropdown-contents"
data-testid="disclosure-content"
id="disclosure-26"
id="reference-0"
tabindex="-1"
>
<gl-disclosure-dropdown-item-stub
item="[object Object]"
/>
</ul>
</gl-base-dropdown-stub>
<b-button-stub
class="gl-display-block gl-md-display-none! gl-button btn-danger-secondary"
class="btn-danger-secondary gl-button gl-display-block gl-md-display-none!"
data-testid="delete-merged-branches-button"
size="md"
tag="button"
type="button"
variant="danger"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Delete merged branches
Delete merged branches
</span>
</b-button-stub>
<div>
<form
action="/namespace/project/-/merged_branches"
method="post"
>
<p>
You are about to
You are about to
<strong>
delete all branches
</strong>
that were merged into
that were merged into
<code>
master
</code>
.
</p>
<p>
This may include merged branches that are not visible on the current screen.
</p>
<p>
A branch won't be deleted if it is protected or associated with an open merge request.
</p>
<p>
This bulk action is
This bulk action is
<strong>
permanent and cannot be undone or recovered
</strong>
.
</p>
<p>
Plese type the following to confirm:
Plese type the following to confirm:
<code>
delete
</code>
.
.
<b-form-input-stub
aria-labelledby="input-label"
autocomplete="off"
class="gl-form-input gl-mt-2 gl-form-input-sm"
class="gl-form-input gl-form-input-sm gl-mt-2"
debounce="0"
formatter="[Function]"
type="text"
value=""
/>
</p>
<input
name="_method"
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"
@ -119,7 +99,7 @@ exports[`Delete merged branches component Delete merged branches confirmation mo
/>
</form>
<div
class="gl-display-flex gl-flex-direction-row gl-justify-content-end gl-flex-wrap gl-m-0 gl-mr-3"
class="gl-display-flex gl-flex-direction-row gl-flex-wrap gl-justify-content-end gl-m-0 gl-mr-3"
>
<b-button-stub
class="gl-button"
@ -129,19 +109,12 @@ exports[`Delete merged branches component Delete merged branches confirmation mo
type="button"
variant="default"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Cancel
</span>
</b-button-stub>
<b-button-stub
class="gl-button"
data-testid="delete-merged-branches-confirmation-button"
@ -151,10 +124,6 @@ exports[`Delete merged branches component Delete merged branches confirmation mo
type="button"
variant="danger"
>
<!---->
<!---->
<span
class="gl-button-text"
>

8
spec/frontend/branches/components/__snapshots__/divergence_graph_spec.js.snap
View File

@ -2,7 +2,7 @@
exports[`Branch divergence graph component renders ahead and behind count 1`] = `
<div
class="divergence-graph px-2 d-none d-md-block"
class="d-md-block d-none divergence-graph px-2"
title="10 commits behind main, 10 commits ahead"
>
<graph-bar-stub
@ -10,11 +10,9 @@ exports[`Branch divergence graph component renders ahead and behind count 1`] =
maxcommits="100"
position="left"
/>
<div
class="graph-separator float-left mt-1"
class="float-left graph-separator mt-1"
/>
<graph-bar-stub
count="10"
maxcommits="100"
@ -25,7 +23,7 @@ exports[`Branch divergence graph component renders ahead and behind count 1`] =
exports[`Branch divergence graph component renders distance count 1`] = `
<div
class="divergence-graph px-2 d-none d-md-block"
class="d-md-block d-none divergence-graph px-2"
title="More than 900 commits different with main"
>
<graph-bar-stub

4
spec/frontend/ci/reports/components/__snapshots__/issue_status_icon_spec.js.snap
View File

@ -2,7 +2,7 @@
exports[`IssueStatusIcon renders "failed" state correctly 1`] = `
<div
class="report-block-list-icon failed"
class="failed report-block-list-icon"
>
<gl-icon-stub
data-qa-selector="status_failed_icon"
@ -14,7 +14,7 @@ exports[`IssueStatusIcon renders "failed" state correctly 1`] = `
exports[`IssueStatusIcon renders "neutral" state correctly 1`] = `
<div
class="report-block-list-icon neutral"
class="neutral report-block-list-icon"
>
<gl-icon-stub
data-qa-selector="status_neutral_icon"

101
spec/frontend/ci_secure_files/components/metadata/__snapshots__/modal_spec.js.snap
View File

@ -13,22 +13,16 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
<div
data-testid="slot-default"
>
<table
aria-busy=""
aria-colcount="2"
class="table b-table gl-table"
class="b-table gl-table table"
role="table"
>
<!---->
<!---->
<thead
class=""
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<th
@ -56,14 +50,11 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
<tbody
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -72,21 +63,16 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
Apple Distribution: Team Name (ABC123XYZ)
Apple Distribution: Team Name (ABC123XYZ)
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -95,21 +81,16 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
33669367788748363528491290218354043267
33669367788748363528491290218354043267
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -118,21 +99,16 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
Team Name (ABC123XYZ)
Team Name (ABC123XYZ)
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -141,21 +117,16 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
Apple Worldwide Developer Relations Certification Authority - G3
Apple Worldwide Developer Relations Certification Authority - G3
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -164,18 +135,12 @@ exports[`Secure File Metadata Modal when a .cer file is supplied matches cer the
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
April 26, 2023 at 7:20:39 PM GMT
April 26, 2023 at 7:20:39 PM GMT
</td>
</tr>
<!---->
<!---->
</tbody>
<!---->
</table>
</div>
</div>
@ -194,22 +159,16 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
<div
data-testid="slot-default"
>
<table
aria-busy=""
aria-colcount="2"
class="table b-table gl-table"
class="b-table gl-table table"
role="table"
>
<!---->
<!---->
<thead
class=""
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<th
@ -237,14 +196,11 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
<tbody
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -253,21 +209,16 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
6b9fcce1-b9a9-4b37-b2ce-ec4da2044abf
6b9fcce1-b9a9-4b37-b2ce-ec4da2044abf
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -276,21 +227,16 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
iOS
iOS
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -299,21 +245,16 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
Team Name (ABC123XYZ)
Team Name (ABC123XYZ)
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -322,21 +263,16 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
iOS Demo - match Development com.gitlab.ios-demo
iOS Demo - match Development com.gitlab.ios-demo
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -345,21 +281,16 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
33669367788748363528491290218354043267
33669367788748363528491290218354043267
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
<strong>
@ -368,18 +299,12 @@ exports[`Secure File Metadata Modal when a .mobileprovision file is supplied mat
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
August 1, 2023 at 11:15:13 PM GMT
August 1, 2023 at 11:15:13 PM GMT
</td>
</tr>
<!---->
<!---->
</tbody>
<!---->
</table>
</div>
</div>

19
spec/frontend/clusters/components/__snapshots__/new_cluster_spec.js.snap
View File

@ -1,9 +1,20 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`NewCluster renders the cluster component correctly 1`] = `
"<div class=\\"gl-pt-4\\">
<h4>Enter your Kubernetes cluster certificate details</h4>
<p>Enter details about your cluster. <b-link-stub href=\\"/help/user/project/clusters/add_existing_cluster\\" class=\\"gl-link\\">How do I use a certificate to connect to my cluster?</b-link-stub>
<div
class="gl-pt-4"
>
<h4>
Enter your Kubernetes cluster certificate details
</h4>
<p>
Enter details about your cluster.
<b-link-stub
class="gl-link"
href="/help/user/project/clusters/add_existing_cluster"
>
How do I use a certificate to connect to my cluster?
</b-link-stub>
</p>
</div>"
</div>
`;

103
spec/frontend/clusters/components/__snapshots__/remove_cluster_confirmation_spec.js.snap
View File

@ -5,42 +5,27 @@ exports[`Remove cluster confirmation modal renders buttons with modal included 1
class="gl-display-flex"
>
<button
class="btn gl-mr-3 btn-danger btn-md gl-button"
class="btn btn-danger btn-md gl-button gl-mr-3"
data-testid="remove-integration-and-resources-button"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Remove integration and resources
Remove integration and resources
</span>
</button>
<button
class="btn btn-danger btn-md gl-button btn-danger-secondary"
class="btn btn-danger btn-danger-secondary btn-md gl-button"
data-testid="remove-integration-button"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Remove integration
Remove integration
</span>
</button>
<!---->
</div>
`;
@ -49,63 +34,44 @@ exports[`Remove cluster confirmation modal two buttons open modal with "cleanup"
class="gl-display-flex"
>
<button
class="btn gl-mr-3 btn-danger btn-md gl-button"
class="btn btn-danger btn-md gl-button gl-mr-3"
data-testid="remove-integration-and-resources-button"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Remove integration and resources
Remove integration and resources
</span>
</button>
<button
class="btn btn-danger btn-md gl-button btn-danger-secondary"
class="btn btn-danger btn-danger-secondary btn-md gl-button"
data-testid="remove-integration-button"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Remove integration
Remove integration
</span>
</button>
<div
kind="danger"
>
<p>
You are about to remove your cluster integration and all GitLab-created resources associated with this cluster.
</p>
<div>
This will permanently delete the following resources:
<ul>
<li>
Any project namespaces
</li>
<li>
<code>
clusterroles
</code>
</li>
<li>
<code>
clusterrolebindings
@ -113,15 +79,13 @@ exports[`Remove cluster confirmation modal two buttons open modal with "cleanup"
</li>
</ul>
</div>
<strong>
To remove your integration and resources, type
To remove your integration and resources, type
<code>
my-test-cluster
</code>
to confirm:
to confirm:
</strong>
<form
action="clusterPath"
class="gl-mb-5"
@ -132,27 +96,23 @@ exports[`Remove cluster confirmation modal two buttons open modal with "cleanup"
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"
/>
<input
name="cleanup"
type="hidden"
value="true"
/>
<input
autocomplete="off"
class="gl-form-input form-control"
id="__BVID__14"
class="form-control gl-form-input"
id="reference-0"
name="confirm_cluster_name_input"
type="text"
/>
</form>
<span>
If you do not wish to delete all associated GitLab resources, you can simply remove the integration.
</span>
@ -165,58 +125,40 @@ exports[`Remove cluster confirmation modal two buttons open modal without "clean
class="gl-display-flex"
>
<button
class="btn gl-mr-3 btn-danger btn-md gl-button"
class="btn btn-danger btn-md gl-button gl-mr-3"
data-testid="remove-integration-and-resources-button"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Remove integration and resources
Remove integration and resources
</span>
</button>
<button
class="btn btn-danger btn-md gl-button btn-danger-secondary"
class="btn btn-danger btn-danger-secondary btn-md gl-button"
data-testid="remove-integration-button"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
Remove integration
Remove integration
</span>
</button>
<div
kind="danger"
>
<p>
You are about to remove your cluster integration.
</p>
<!---->
<strong>
To remove your integration, type
To remove your integration, type
<code>
my-test-cluster
</code>
to confirm:
to confirm:
</strong>
<form
action="clusterPath"
class="gl-mb-5"
@ -227,28 +169,23 @@ exports[`Remove cluster confirmation modal two buttons open modal without "clean
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"
/>
<input
name="cleanup"
type="hidden"
value="true"
/>
<input
autocomplete="off"
class="gl-form-input form-control"
id="__BVID__21"
class="form-control gl-form-input"
id="reference-0"
name="confirm_cluster_name_input"
type="text"
/>
</form>
<!---->
</div>
</div>
`;

24
spec/frontend/code_navigation/components/__snapshots__/popover_spec.js.snap
View File

@ -2,14 +2,13 @@
exports[`Code navigation popover component renders popover 1`] = `
<div
class="popover code-navigation-popover popover-font-size-normal gl-popover bs-popover-bottom show"
class="bs-popover-bottom code-navigation-popover gl-popover popover popover-font-size-normal show"
style="left: 0px; top: 0px;"
>
<div
class="arrow"
style="left: 0px;"
/>
<gl-tabs-stub
contentclass="gl-py-0"
navclass="gl-hidden"
@ -21,13 +20,11 @@ exports[`Code navigation popover component renders popover 1`] = `
titlelinkclass=""
>
<div
class="overflow-auto code-navigation-popover-container"
class="code-navigation-popover-container overflow-auto"
>
<div
class=""
>
<div>
<pre
class="border-0 bg-transparent m-0 code highlight text-wrap"
class="bg-transparent border-0 code highlight m-0 text-wrap"
>
<span
class="line"
@ -39,9 +36,8 @@ exports[`Code navigation popover component renders popover 1`] = `
function
</span>
<span>
main() {
main() {
</span>
<br />
</span>
<span
@ -51,15 +47,13 @@ exports[`Code navigation popover component renders popover 1`] = `
<span>
}
</span>
<br />
</span>
</pre>
</div>
</div>
<div
class="popover-body border-top"
class="border-top popover-body"
>
<gl-button-stub
buttontextclasses=""
@ -72,25 +66,19 @@ exports[`Code navigation popover component renders popover 1`] = `
target="_blank"
variant="default"
>
Go to definition
</gl-button-stub>
</div>
</gl-tab-stub>
<gl-tab-stub
class="py-2"
data-testid="references-tab"
titlelinkclass=""
>
<p
class="gl-my-4 gl-px-4"
>
No references found
</p>
</gl-tab-stub>
</gl-tabs-stub>

47
spec/frontend/comment_templates/components/__snapshots__/list_item_spec.js.snap
View File

@ -13,23 +13,20 @@ exports[`Comment templates list item component renders list item 1`] = `
>
test
</h6>
<div
class="gl-ml-auto"
>
<div
class="gl-new-dropdown gl-disclosure-dropdown"
class="gl-disclosure-dropdown gl-new-dropdown"
>
<button
aria-controls="base-dropdown-7"
aria-labelledby="actions-toggle-3"
class="btn btn-default btn-md gl-button btn-default-tertiary gl-new-dropdown-toggle gl-new-dropdown-icon-only gl-new-dropdown-toggle-no-caret"
aria-controls="reference-1"
aria-labelledby="reference-0"
class="btn btn-default btn-default-tertiary btn-md gl-button gl-new-dropdown-icon-only gl-new-dropdown-toggle gl-new-dropdown-toggle-no-caret"
data-testid="base-dropdown-toggle"
id="actions-toggle-3"
id="reference-0"
type="button"
>
<!---->
<svg
aria-hidden="true"
class="gl-button-icon gl-icon s16"
@ -40,36 +37,29 @@ exports[`Comment templates list item component renders list item 1`] = `
href="file-mock#ellipsis_v"
/>
</svg>
<span
class="gl-button-text"
>
<span
class="gl-new-dropdown-button-text gl-sr-only"
>
Comment template actions
Comment template actions
</span>
<!---->
</span>
</button>
<div
class="gl-new-dropdown-panel gl-w-31!"
data-testid="base-dropdown-menu"
id="base-dropdown-7"
id="reference-1"
>
<div
class="gl-new-dropdown-inner"
>
<ul
aria-labelledby="actions-toggle-3"
aria-labelledby="reference-0"
class="gl-new-dropdown-contents"
data-testid="disclosure-content"
id="disclosure-4"
id="reference-2"
tabindex="-1"
>
<li
@ -86,9 +76,7 @@ exports[`Comment templates list item component renders list item 1`] = `
<span
class="gl-new-dropdown-item-text-wrapper"
>
Edit
Edit
</span>
</button>
</li>
@ -106,36 +94,25 @@ exports[`Comment templates list item component renders list item 1`] = `
<span
class="gl-new-dropdown-item-text-wrapper"
>
Delete
Delete
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
<div
class="gl-tooltip"
>
Comment template actions
</div>
</div>
</div>
<div
class="gl-font-monospace gl-white-space-pre-line gl-font-sm gl-mt-n5"
class="gl-font-monospace gl-font-sm gl-mt-n5 gl-white-space-pre-line"
>
/assign_reviewer
</div>
<!---->
</li>
`;

26
spec/frontend/confidential_merge_request/components/__snapshots__/project_form_group_spec.js.snap
View File

@ -7,17 +7,13 @@ exports[`Confidential merge request project form group component renders empty s
<label>
Project
</label>
<div>
<!---->
<p
class="gl-text-gray-600 gl-mt-1 gl-mb-0"
class="gl-mb-0 gl-mt-1 gl-text-gray-600"
>
No forks are available to you.
No forks are available to you.
<br />
To protect this issue's confidentiality,
To protect this issue's confidentiality,
<a
class="help-link"
href="https://test.com"
@ -25,9 +21,9 @@ exports[`Confidential merge request project form group component renders empty s
>
fork this project
</a>
and set the fork's visibility to private.
and set the fork's visibility to private.
<gl-link-stub
class="gl-w-auto gl-p-0 gl-display-inline-block gl-bg-transparent"
class="gl-bg-transparent gl-display-inline-block gl-p-0 gl-w-auto"
href="/help"
target="_blank"
>
@ -36,7 +32,6 @@ exports[`Confidential merge request project form group component renders empty s
>
Read more
</span>
<gl-icon-stub
name="question-o"
size="16"
@ -54,21 +49,17 @@ exports[`Confidential merge request project form group component renders fork dr
<label>
Project
</label>
<div>
<dropdown-stub
projects="[object Object],[object Object]"
selectedproject="[object Object]"
/>
<p
class="gl-text-gray-600 gl-mt-1 gl-mb-0"
class="gl-mb-0 gl-mt-1 gl-text-gray-600"
>
To protect this issue's confidentiality, a private fork of this project was selected.
To protect this issue's confidentiality, a private fork of this project was selected.
<gl-link-stub
class="gl-w-auto gl-p-0 gl-display-inline-block gl-bg-transparent"
class="gl-bg-transparent gl-display-inline-block gl-p-0 gl-w-auto"
href="/help"
target="_blank"
>
@ -77,7 +68,6 @@ exports[`Confidential merge request project form group component renders fork dr
>
Read more
</span>
<gl-icon-stub
name="question-o"
size="16"

20
spec/frontend/content_editor/components/__snapshots__/toolbar_button_spec.js.snap
View File

@ -1,9 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`content_editor/components/toolbar_button displays tertiary, medium button with a provided label and icon 1`] = `
"<b-button-stub size=\\"sm\\" tag=\\"button\\" type=\\"button\\" variant=\\"default\\" aria-label=\\"Bold\\" title=\\"Bold\\" class=\\"gl-mr-3 gl-button btn-default-tertiary btn-icon\\">
<!---->
<gl-icon-stub name=\\"bold\\" size=\\"16\\" class=\\"gl-button-icon\\"></gl-icon-stub>
<!---->
</b-button-stub>"
<b-button-stub
aria-label="Bold"
class="btn-default-tertiary btn-icon gl-button gl-mr-3"
size="sm"
tag="button"
title="Bold"
type="button"
variant="default"
>
<gl-icon-stub
class="gl-button-icon"
name="bold"
size="16"
/>
</b-button-stub>
`;

54
spec/frontend/content_editor/components/wrappers/__snapshots__/table_of_contents_spec.js.snap
View File

@ -2,23 +2,18 @@
exports[`content/components/wrappers/table_of_contents collects all headings and renders a nested list of headings 1`] = `
<div
class="table-of-contents gl-border-1 gl-border-solid gl-border-gray-100 gl-mb-5 gl-p-4!"
class="gl-border-1 gl-border-gray-100 gl-border-solid gl-mb-5 gl-p-4! table-of-contents"
data-testid="table-of-contents"
>
Table of contents
<li
dir="auto"
>
<a
href="#"
>
Heading 1
Heading 1
</a>
<ul
dir="auto"
>
@ -28,11 +23,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.1
Heading 1.1
</a>
<ul
dir="auto"
>
@ -42,12 +34,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.1.1
Heading 1.1.1
</a>
<!---->
</li>
</ul>
</li>
@ -57,11 +45,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.2
Heading 1.2
</a>
<ul
dir="auto"
>
@ -71,12 +56,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.2.1
Heading 1.2.1
</a>
<!---->
</li>
</ul>
</li>
@ -86,12 +67,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.3
Heading 1.3
</a>
<!---->
</li>
<li
dir="auto"
@ -99,11 +76,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.4
Heading 1.4
</a>
<ul
dir="auto"
>
@ -113,12 +87,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 1.4.1
Heading 1.4.1
</a>
<!---->
</li>
</ul>
</li>
@ -130,12 +100,8 @@ exports[`content/components/wrappers/table_of_contents collects all headings and
<a
href="#"
>
Heading 2
Heading 2
</a>
<!---->
</li>
</div>
`;

71
spec/frontend/content_editor/components/wrappers/code_block_spec.js
View File

@ -11,6 +11,9 @@ import CodeBlockWrapper from '~/content_editor/components/wrappers/code_block.vu
import codeBlockLanguageLoader from '~/content_editor/services/code_block_language_loader';
import { emitEditorEvent, createTestEditor, mockChainedCommands } from '../../test_utils';
// Disabled due to eslint reporting errors for inline snapshots
/* eslint-disable no-irregular-whitespace */
const SAMPLE_README_CONTENT = `# Sample README
This is a sample README.
@ -212,12 +215,20 @@ describe('content/components/wrappers/code_block', () => {
it('shows a code suggestion block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 5 to 5');
expect(findCodeDeleted()).toMatchInlineSnapshot(
`"<code data-line-number=\\"5\\">## Usage\u200b</code>"`,
);
expect(findCodeAdded()).toMatchInlineSnapshot(
`"<code data-line-number=\\"5\\">\u200b</code>"`,
);
expect(findCodeDeleted()).toMatchInlineSnapshot(`
<code
data-line-number="5"
>
## Usage​
</code>
`);
expect(findCodeAdded()).toMatchInlineSnapshot(`
<code
data-line-number="5"
>
​
</code>
`);
});
describe('decrement line start button', () => {
@ -232,9 +243,11 @@ describe('content/components/wrappers/code_block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 4 to 5');
expect(findCodeDeleted()).toMatchInlineSnapshot(`
"<code data-line-number=\\"4\\">\u200b
<code
data-line-number="4"
>
​
</code>
<code data-line-number=\\"5\\">## Usage\u200b</code>"
`);
});
@ -248,15 +261,11 @@ describe('content/components/wrappers/code_block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 1 to 5');
expect(findCodeDeleted()).toMatchInlineSnapshot(`
"<code data-line-number=\\"1\\"># Sample README\u200b
<code
data-line-number="1"
>
# Sample README​
</code>
<code data-line-number=\\"2\\">\u200b
</code>
<code data-line-number=\\"3\\">This is a sample README.\u200b
</code>
<code data-line-number=\\"4\\">\u200b
</code>
<code data-line-number=\\"5\\">## Usage\u200b</code>"
`);
expect(button.attributes('disabled')).toBe('disabled');
@ -291,9 +300,11 @@ describe('content/components/wrappers/code_block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 4 to 5');
expect(findCodeDeleted()).toMatchInlineSnapshot(`
"<code data-line-number=\\"4\\">\u200b
<code
data-line-number="4"
>
​
</code>
<code data-line-number=\\"5\\">## Usage\u200b</code>"
`);
});
});
@ -326,9 +337,11 @@ describe('content/components/wrappers/code_block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 5 to 6');
expect(findCodeDeleted()).toMatchInlineSnapshot(`
"<code data-line-number=\\"5\\">## Usage\u200b
<code
data-line-number="5"
>
## Usage​
</code>
<code data-line-number=\\"6\\">\u200b</code>"
`);
});
});
@ -345,9 +358,11 @@ describe('content/components/wrappers/code_block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 5 to 6');
expect(findCodeDeleted()).toMatchInlineSnapshot(`
"<code data-line-number=\\"5\\">## Usage\u200b
<code
data-line-number="5"
>
## Usage​
</code>
<code data-line-number=\\"6\\">\u200b</code>"
`);
});
@ -361,15 +376,11 @@ describe('content/components/wrappers/code_block', () => {
expect(findCodeSuggestionBoxText()).toContain('Suggested change From line 5 to 9');
expect(findCodeDeleted()).toMatchInlineSnapshot(`
"<code data-line-number=\\"5\\">## Usage\u200b
<code
data-line-number="5"
>
## Usage​
</code>
<code data-line-number=\\"6\\">\u200b
</code>
<code data-line-number=\\"7\\">\`\`\`yaml\u200b
</code>
<code data-line-number=\\"8\\">foo: bar\u200b
</code>
<code data-line-number=\\"9\\">\`\`\`\u200b</code>"
`);
expect(button.attributes('disabled')).toBe('disabled');

20
spec/frontend/contributors/component/__snapshots__/contributors_spec.js.snap
View File

@ -3,7 +3,7 @@
exports[`Contributors charts should render charts and a RefSelector when loading completed and there is chart data 1`] = `
<div>
<div
class="gl-border-b gl-border-gray-100 gl-mb-6 gl-bg-gray-10 gl-p-5"
class="gl-bg-gray-10 gl-border-b gl-border-gray-100 gl-mb-6 gl-p-5"
>
<div
class="gl-display-flex"
@ -20,26 +20,19 @@ exports[`Contributors charts should render charts and a RefSelector when loading
value="main"
/>
</div>
<a
class="btn btn-default btn-md gl-button"
data-testid="history-button"
href="some/path"
>
<!---->
<!---->
<span
class="gl-button-text"
>
History
</span>
</a>
</div>
</div>
<div
data-testid="contributors-charts"
>
@ -48,11 +41,9 @@ exports[`Contributors charts should render charts and a RefSelector when loading
>
Commits to main
</h4>
<span>
Excluding merge commits. Limited to 6,000 commits.
</span>
<glareachart-stub
annotations=""
class="gl-mb-5"
@ -70,27 +61,22 @@ exports[`Contributors charts should render charts and a RefSelector when loading
thresholds=""
width="auto"
/>
<div
class="row"
>
<div
class="col-lg-6 col-12 gl-my-5"
class="col-12 col-lg-6 gl-my-5"
>
<h4
class="gl-mb-2 gl-mt-0"
>
John
</h4>
<p
class="gl-mb-3"
>
2 commits (jawnnypoo@gmail.com)
2 commits (jawnnypoo@gmail.com)
</p>
<glareachart-stub
annotations=""
data="[object Object]"

58
spec/frontend/custom_emoji/components/__snapshots__/list_spec.js.snap
View File

@ -3,14 +3,11 @@
exports[`Custom emoji settings list component renders table of custom emoji 1`] = `
<div>
<div
class="tabs gl-tabs"
class="gl-tabs tabs"
>
<!---->
<div
class=""
>
<div>
<ul
class="nav gl-tabs-nav"
class="gl-tabs-nav nav"
role="tablist"
>
<div
@ -23,22 +20,12 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
href="/new"
to="/new"
>
<!---->
<!---->
<span
class="gl-button-text"
>
New custom emoji
New custom emoji
</span>
</a>
<!---->
<!---->
</div>
<div
class="gl-actions-tabs-end"
@ -50,30 +37,19 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
href="/new"
to="/new"
>
<!---->
<!---->
<span
class="gl-button-text"
>
New custom emoji
New custom emoji
</span>
</a>
<!---->
<!---->
</div>
</ul>
</div>
<div
class="tab-content gl-pt-0 gl-tab-content"
class="gl-pt-0 gl-tab-content tab-content"
>
<transition-stub
css="true"
enteractiveclass=""
enterclass=""
entertoclass="show"
@ -89,14 +65,12 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
role="tabpanel"
style="display: none;"
>
<table
aria-busy=""
aria-colcount="4"
class="table b-table gl-table gl-table-layout-fixed"
class="b-table gl-table gl-table-layout-fixed table"
role="table"
>
<!---->
<colgroup>
<col
style="width: 70px;"
@ -110,12 +84,9 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
/>
</colgroup>
<thead
class=""
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<th
@ -162,9 +133,7 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
<tbody
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<td
@ -180,7 +149,7 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
</td>
<td
aria-colindex="2"
class="gl-vertical-align-middle! gl-font-monospace"
class="gl-font-monospace gl-vertical-align-middle!"
role="cell"
>
<strong
@ -194,26 +163,17 @@ exports[`Custom emoji settings list component renders table of custom emoji 1`]
class="gl-vertical-align-middle!"
role="cell"
>
created-at
created-at
</td>
<td
aria-colindex="4"
class=""
role="cell"
/>
</tr>
<!---->
<!---->
</tbody>
<!---->
</table>
<!---->
</div>
</transition-stub>
<!---->
</div>
</div>
</div>

30
spec/frontend/design_management/components/__snapshots__/design_presentation_spec.js.snap
View File

@ -2,17 +2,16 @@
exports[`Design management design presentation component currentCommentForm is equal to current annotation position when isAnnotating is true 1`] = `
<div
class="gl-h-full gl-w-full gl-p-5 overflow-auto gl-relative"
class="gl-h-full gl-p-5 gl-relative gl-w-full overflow-auto"
>
<div
class="gl-h-full gl-w-full gl-display-flex gl-align-items-center gl-relative"
class="gl-align-items-center gl-display-flex gl-h-full gl-relative gl-w-full"
>
<design-image-stub
image="test.jpg"
name="test"
scale="1"
/>
<design-overlay-stub
currentcommentform="[object Object]"
dimensions="[object Object]"
@ -25,17 +24,16 @@ exports[`Design management design presentation component currentCommentForm is e
exports[`Design management design presentation component currentCommentForm is null when isAnnotating is false 1`] = `
<div
class="gl-h-full gl-w-full gl-p-5 overflow-auto gl-relative"
class="gl-h-full gl-p-5 gl-relative gl-w-full overflow-auto"
>
<div
class="gl-h-full gl-w-full gl-display-flex gl-align-items-center gl-relative"
class="gl-align-items-center gl-display-flex gl-h-full gl-relative gl-w-full"
>
<design-image-stub
image="test.jpg"
name="test"
scale="1"
/>
<design-overlay-stub
dimensions="[object Object]"
notes=""
@ -47,17 +45,16 @@ exports[`Design management design presentation component currentCommentForm is n
exports[`Design management design presentation component currentCommentForm is null when isAnnotating is true but annotation position is falsey 1`] = `
<div
class="gl-h-full gl-w-full gl-p-5 overflow-auto gl-relative"
class="gl-h-full gl-p-5 gl-relative gl-w-full overflow-auto"
>
<div
class="gl-h-full gl-w-full gl-display-flex gl-align-items-center gl-relative"
class="gl-align-items-center gl-display-flex gl-h-full gl-relative gl-w-full"
>
<design-image-stub
image="test.jpg"
name="test"
scale="1"
/>
<design-overlay-stub
dimensions="[object Object]"
notes=""
@ -69,31 +66,26 @@ exports[`Design management design presentation component currentCommentForm is n
exports[`Design management design presentation component renders empty state when no image provided 1`] = `
<div
class="gl-h-full gl-w-full gl-p-5 overflow-auto gl-relative"
class="gl-h-full gl-p-5 gl-relative gl-w-full overflow-auto"
>
<div
class="gl-h-full gl-w-full gl-display-flex gl-align-items-center gl-relative"
>
<!---->
<!---->
</div>
class="gl-align-items-center gl-display-flex gl-h-full gl-relative gl-w-full"
/>
</div>
`;
exports[`Design management design presentation component renders image and overlay when image provided 1`] = `
<div
class="gl-h-full gl-w-full gl-p-5 overflow-auto gl-relative"
class="gl-h-full gl-p-5 gl-relative gl-w-full overflow-auto"
>
<div
class="gl-h-full gl-w-full gl-display-flex gl-align-items-center gl-relative"
class="gl-align-items-center gl-display-flex gl-h-full gl-relative gl-w-full"
>
<design-image-stub
image="test.jpg"
name="test"
scale="1"
/>
<design-overlay-stub
dimensions="[object Object]"
notes=""

18
spec/frontend/design_management/components/__snapshots__/image_spec.js.snap
View File

@ -4,11 +4,9 @@ exports[`Design management large image component renders SVG with proper height
<div
class="gl-mx-auto gl-my-auto js-design-image"
>
<!---->
<img
alt="test"
class="mh-100 img-fluid"
class="img-fluid mh-100"
src="mockImage.svg"
/>
</div>
@ -18,11 +16,9 @@ exports[`Design management large image component renders image 1`] = `
<div
class="gl-mx-auto gl-my-auto js-design-image"
>
<!---->
<img
alt="test"
class="mh-100 img-fluid"
class="img-fluid mh-100"
src="test.jpg"
/>
</div>
@ -33,12 +29,10 @@ exports[`Design management large image component renders loading state 1`] = `
class="gl-mx-auto gl-my-auto js-design-image"
isloading="true"
>
<!---->
<img
alt=""
class="mh-100 img-fluid"
src=""
class="img-fluid mh-100"
src="null"
/>
</div>
`;
@ -55,8 +49,6 @@ exports[`Design management large image component sets correct classes and styles
<div
class="gl-mx-auto gl-my-auto js-design-image"
>
<!---->
<img
alt="test"
class="mh-100"
@ -70,8 +62,6 @@ exports[`Design management large image component zoom sets image style when zoom
<div
class="gl-mx-auto gl-my-auto js-design-image"
>
<!---->
<img
alt="test"
class="mh-100"

12
spec/frontend/design_management/components/design_notes/__snapshots__/design_note_signed_out_spec.js.snap
View File

@ -4,19 +4,19 @@ exports[`DesignNoteSignedOut renders message containing register and sign-in lin
<div
class="disabled-comment text-center"
>
Please
Please
<gl-link-stub
href="/users/sign_up?redirect_to_referer=yes"
>
register
</gl-link-stub>
or
or
<gl-link-stub
href="/users/sign_in?redirect_to_referer=yes"
>
sign in
</gl-link-stub>
to reply.
to reply.
</div>
`;
@ -24,18 +24,18 @@ exports[`DesignNoteSignedOut renders message containing register and sign-in lin
<div
class="disabled-comment text-center"
>
Please
Please
<gl-link-stub
href="/users/sign_up?redirect_to_referer=yes"
>
register
</gl-link-stub>
or
or
<gl-link-stub
href="/users/sign_in?redirect_to_referer=yes"
>
sign in
</gl-link-stub>
to start a new discussion.
to start a new discussion.
</div>
`;

36
spec/frontend/design_management/components/design_notes/__snapshots__/design_reply_form_spec.js.snap
View File

@ -1,17 +1,33 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Design reply form component renders button text as "Comment" when creating a comment 1`] = `
"<button data-track-action=\\"click_button\\" data-qa-selector=\\"save_comment_button\\" type=\\"submit\\" disabled=\\"disabled\\" class=\\"btn gl-mr-3 gl-w-auto! btn-confirm btn-md disabled gl-button\\">
<!---->
<!----> <span class=\\"gl-button-text\\">
Comment
</span></button>"
<button
class="btn btn-confirm btn-md disabled gl-button gl-mr-3 gl-w-auto!"
data-qa-selector="save_comment_button"
data-track-action="click_button"
disabled=""
type="submit"
>
<span
class="gl-button-text"
>
Comment
</span>
</button>
`;
exports[`Design reply form component renders button text as "Save comment" when creating a comment 1`] = `
"<button data-track-action=\\"click_button\\" data-qa-selector=\\"save_comment_button\\" type=\\"submit\\" disabled=\\"disabled\\" class=\\"btn gl-mr-3 gl-w-auto! btn-confirm btn-md disabled gl-button\\">
<!---->
<!----> <span class=\\"gl-button-text\\">
Save comment
</span></button>"
<button
class="btn btn-confirm btn-md disabled gl-button gl-mr-3 gl-w-auto!"
data-qa-selector="save_comment_button"
data-track-action="click_button"
disabled=""
type="submit"
>
<span
class="gl-button-text"
>
Save comment
</span>
</button>
`;

50
spec/frontend/design_management/components/list/__snapshots__/item_spec.js.snap
View File

@ -11,34 +11,29 @@ exports[`Design management list item component when item appears in view after i
exports[`Design management list item component with notes renders item with multiple comments 1`] = `
<router-link-stub
ariacurrentvalue="page"
class="card gl-cursor-pointer text-plain js-design-list-item design-list-item gl-mb-0"
class="card design-list-item gl-cursor-pointer gl-mb-0 js-design-list-item text-plain"
event="click"
tag="a"
to="[object Object]"
>
<div
class="card-body gl-p-0 gl-display-flex gl-align-items-center gl-justify-content-center gl-overflow-hidden gl-relative gl-rounded-top-base"
class="card-body gl-align-items-center gl-display-flex gl-justify-content-center gl-overflow-hidden gl-p-0 gl-relative gl-rounded-top-base"
>
<!---->
<gl-intersection-observer-stub
class="gl-flex-grow-1"
>
<!---->
<img
alt="test"
class="gl-display-block gl-mx-auto gl-max-w-full gl-max-h-full gl-w-auto design-img"
class="design-img gl-display-block gl-max-h-full gl-max-w-full gl-mx-auto gl-w-auto"
data-qa-filename="test"
data-qa-selector="design_image"
data-testid="design-img-1"
src=""
src="null"
/>
</gl-intersection-observer-stub>
</div>
<div
class="card-footer gl-display-flex gl-w-full gl-bg-white gl-py-3 gl-px-4"
class="card-footer gl-bg-white gl-display-flex gl-px-4 gl-py-3 gl-w-full"
>
<div
class="gl-display-flex gl-flex-direction-column str-truncated-100"
@ -51,12 +46,10 @@ exports[`Design management list item component with notes renders item with mult
>
test
</span>
<span
class="str-truncated-100"
>
Updated
Updated
<timeago-stub
cssclass=""
datetimeformat="DATE_WITH_TIME_FORMAT"
@ -65,23 +58,19 @@ exports[`Design management list item component with notes renders item with mult
/>
</span>
</div>
<div
class="gl-ml-auto gl-display-flex gl-align-items-center gl-text-gray-500"
class="gl-align-items-center gl-display-flex gl-ml-auto gl-text-gray-500"
>
<gl-icon-stub
class="gl-ml-2"
name="comments"
size="16"
/>
<span
aria-label="2 comments"
class="gl-ml-2"
>
2
</span>
</div>
</div>
@ -91,34 +80,29 @@ exports[`Design management list item component with notes renders item with mult
exports[`Design management list item component with notes renders item with single comment 1`] = `
<router-link-stub
ariacurrentvalue="page"
class="card gl-cursor-pointer text-plain js-design-list-item design-list-item gl-mb-0"
class="card design-list-item gl-cursor-pointer gl-mb-0 js-design-list-item text-plain"
event="click"
tag="a"
to="[object Object]"
>
<div
class="card-body gl-p-0 gl-display-flex gl-align-items-center gl-justify-content-center gl-overflow-hidden gl-relative gl-rounded-top-base"
class="card-body gl-align-items-center gl-display-flex gl-justify-content-center gl-overflow-hidden gl-p-0 gl-relative gl-rounded-top-base"
>
<!---->
<gl-intersection-observer-stub
class="gl-flex-grow-1"
>
<!---->
<img
alt="test"
class="gl-display-block gl-mx-auto gl-max-w-full gl-max-h-full gl-w-auto design-img"
class="design-img gl-display-block gl-max-h-full gl-max-w-full gl-mx-auto gl-w-auto"
data-qa-filename="test"
data-qa-selector="design_image"
data-testid="design-img-1"
src=""
src="null"
/>
</gl-intersection-observer-stub>
</div>
<div
class="card-footer gl-display-flex gl-w-full gl-bg-white gl-py-3 gl-px-4"
class="card-footer gl-bg-white gl-display-flex gl-px-4 gl-py-3 gl-w-full"
>
<div
class="gl-display-flex gl-flex-direction-column str-truncated-100"
@ -131,12 +115,10 @@ exports[`Design management list item component with notes renders item with sing
>
test
</span>
<span
class="str-truncated-100"
>
Updated
Updated
<timeago-stub
cssclass=""
datetimeformat="DATE_WITH_TIME_FORMAT"
@ -145,23 +127,19 @@ exports[`Design management list item component with notes renders item with sing
/>
</span>
</div>
<div
class="gl-ml-auto gl-display-flex gl-align-items-center gl-text-gray-500"
class="gl-align-items-center gl-display-flex gl-ml-auto gl-text-gray-500"
>
<gl-icon-stub
class="gl-ml-2"
name="comments"
size="16"
/>
<span
aria-label="1 comment"
class="gl-ml-2"
>
1
</span>
</div>
</div>

19
spec/frontend/design_management/components/toolbar/__snapshots__/index_spec.js.snap
View File

@ -2,14 +2,14 @@
exports[`Design management toolbar component renders design and updated data 1`] = `
<header
class="gl-display-flex gl-align-items-center gl-justify-content-space-between gl-bg-white gl-py-4 gl-pl-4 js-design-header"
class="gl-align-items-center gl-bg-white gl-display-flex gl-justify-content-space-between gl-pl-4 gl-py-4 js-design-header"
>
<div
class="gl-display-flex gl-align-items-center"
class="gl-align-items-center gl-display-flex"
>
<a
aria-label="Go back to designs"
class="gl-mr-5 gl-display-flex gl-align-items-center gl-justify-content-center text-plain"
class="gl-align-items-center gl-display-flex gl-justify-content-center gl-mr-5 text-plain"
data-testid="close-design"
>
<gl-icon-stub
@ -17,16 +17,14 @@ exports[`Design management toolbar component renders design and updated data 1`]
size="16"
/>
</a>
<div
class="gl-overflow-hidden gl-display-flex gl-align-items-center"
class="gl-align-items-center gl-display-flex gl-overflow-hidden"
>
<h2
class="gl-m-0 str-truncated-100 gl-font-base"
class="gl-font-base gl-m-0 str-truncated-100"
>
test.jpg
</h2>
<small
class="gl-text-gray-500"
>
@ -34,12 +32,10 @@ exports[`Design management toolbar component renders design and updated data 1`]
</small>
</div>
</div>
<design-navigation-stub
class="gl-ml-auto gl-flex-shrink-0"
id="1"
class="gl-flex-shrink-0 gl-ml-auto"
id="reference-0"
/>
<gl-button-stub
aria-label="Download design"
buttontextclasses=""
@ -50,7 +46,6 @@ exports[`Design management toolbar component renders design and updated data 1`]
title="Download design"
variant="default"
/>
<delete-button-stub
buttoncategory="secondary"
buttonclass=""

10
spec/frontend/design_management/components/upload/__snapshots__/button_spec.js.snap
View File

@ -12,15 +12,12 @@ exports[`Design management upload button component renders inverted upload desig
title="Adding a design with the same filename replaces the file in a new version."
variant="confirm"
>
Upload designs
</gl-button-stub>
<input
accept="image/*"
class="gl-display-none"
multiple="multiple"
multiple=""
name="design_file"
type="file"
/>
@ -37,15 +34,12 @@ exports[`Design management upload button component renders upload design button
title="Adding a design with the same filename replaces the file in a new version."
variant="confirm"
>
Upload designs
</gl-button-stub>
<input
accept="image/*"
class="gl-display-none"
multiple="multiple"
multiple=""
name="design_file"
type="file"
/>

65
spec/frontend/design_management/pages/design/__snapshots__/index_spec.js.snap
View File

@ -2,86 +2,70 @@
exports[`Design management design index page renders design index 1`] = `
<div
class="design-detail js-design-detail fixed-top gl-w-full gl-display-flex gl-justify-content-center gl-flex-direction-column gl-lg-flex-direction-row"
class="design-detail fixed-top gl-display-flex gl-flex-direction-column gl-justify-content-center gl-lg-flex-direction-row gl-w-full js-design-detail"
>
<div
class="gl-display-flex gl-overflow-hidden gl-flex-grow-1 gl-flex-direction-column gl-relative"
class="gl-display-flex gl-flex-direction-column gl-flex-grow-1 gl-overflow-hidden gl-relative"
>
<div
iid="1"
project-path="project-path"
/>
<!---->
<design-presentation-stub
discussions="[object Object],[object Object]"
image="test.jpg"
imagename="test.jpg"
scale="1"
/>
<div
class="design-scaler-wrapper gl-absolute gl-mb-6 gl-display-flex gl-justify-content-center gl-align-items-center"
class="design-scaler-wrapper gl-absolute gl-align-items-center gl-display-flex gl-justify-content-center gl-mb-6"
>
<design-scaler-stub
maxscale="2"
/>
</div>
</div>
<div
class="image-notes gl-pt-0"
class="gl-pt-0 image-notes"
>
<div
class="gl-py-4 gl-mb-4 gl-display-flex gl-justify-content-space-between gl-align-items-center gl-border-b-1 gl-border-b-solid gl-border-b-gray-100"
class="gl-align-items-center gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid gl-display-flex gl-justify-content-space-between gl-mb-4 gl-py-4"
>
<span>
To Do
</span>
<design-todo-button-stub
design="[object Object]"
/>
</div>
<h2
class="gl-font-weight-bold gl-mt-0"
>
My precious issue
My precious issue
</h2>
<a
class="gl-text-gray-400 gl-text-decoration-none gl-mb-6 gl-display-block"
class="gl-display-block gl-mb-6 gl-text-decoration-none gl-text-gray-400"
href="full-issue-url"
>
ull-issue-path
</a>
<description-form-stub
design="[object Object]"
designvariables="[object Object]"
markdownpreviewpath="/project-path/preview_markdown?target_type=Issue"
/>
<participants-stub
class="gl-mb-4"
lazy="true"
numberoflessparticipants="8"
participants="[object Object]"
/>
<!---->
<design-note-signed-out-stub
class="gl-mb-4"
isadddiscussion="true"
registerpath=""
signinpath=""
/>
<design-discussion-stub
data-testid="unresolved-discussion"
designid="gid::/gitlab/Design/1"
@ -92,7 +76,6 @@ exports[`Design management design index page renders design index 1`] = `
registerpath=""
signinpath=""
/>
<gl-accordion-stub
class="gl-mb-5"
headerlevel="3"
@ -113,23 +96,21 @@ exports[`Design management design index page renders design index 1`] = `
/>
</gl-accordion-item-stub>
</gl-accordion-stub>
</div>
</div>
`;
exports[`Design management design index page with error GlAlert is rendered in correct position with correct content 1`] = `
<div
class="design-detail js-design-detail fixed-top gl-w-full gl-display-flex gl-justify-content-center gl-flex-direction-column gl-lg-flex-direction-row"
class="design-detail fixed-top gl-display-flex gl-flex-direction-column gl-justify-content-center gl-lg-flex-direction-row gl-w-full js-design-detail"
>
<div
class="gl-display-flex gl-overflow-hidden gl-flex-grow-1 gl-flex-direction-column gl-relative"
class="gl-display-flex gl-flex-direction-column gl-flex-grow-1 gl-overflow-hidden gl-relative"
>
<div
iid="1"
project-path="project-path"
/>
<div
class="gl-p-5"
>
@ -144,82 +125,64 @@ exports[`Design management design index page with error GlAlert is rendered in c
title=""
variant="danger"
>
woops
</gl-alert-stub>
</div>
<design-presentation-stub
discussions=""
image="test.jpg"
imagename="test.jpg"
scale="1"
/>
<div
class="design-scaler-wrapper gl-absolute gl-mb-6 gl-display-flex gl-justify-content-center gl-align-items-center"
class="design-scaler-wrapper gl-absolute gl-align-items-center gl-display-flex gl-justify-content-center gl-mb-6"
>
<design-scaler-stub
maxscale="2"
/>
</div>
</div>
<div
class="image-notes gl-pt-0"
class="gl-pt-0 image-notes"
>
<div
class="gl-py-4 gl-mb-4 gl-display-flex gl-justify-content-space-between gl-align-items-center gl-border-b-1 gl-border-b-solid gl-border-b-gray-100"
class="gl-align-items-center gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid gl-display-flex gl-justify-content-space-between gl-mb-4 gl-py-4"
>
<span>
To Do
</span>
<design-todo-button-stub
design="[object Object]"
/>
</div>
<h2
class="gl-font-weight-bold gl-mt-0"
>
My precious issue
My precious issue
</h2>
<a
class="gl-text-gray-400 gl-text-decoration-none gl-mb-6 gl-display-block"
class="gl-display-block gl-mb-6 gl-text-decoration-none gl-text-gray-400"
href="full-issue-url"
>
ull-issue-path
</a>
<description-form-stub
design="[object Object]"
designvariables="[object Object]"
markdownpreviewpath="/project-path/preview_markdown?target_type=Issue"
/>
<participants-stub
class="gl-mb-4"
lazy="true"
numberoflessparticipants="8"
participants="[object Object]"
/>
<!---->
<design-note-signed-out-stub
class="gl-mb-4"
isadddiscussion="true"
registerpath=""
signinpath=""
/>
<!---->
</div>
</div>
`;

31
spec/frontend/diffs/components/shared/__snapshots__/findings_drawer_spec.js.snap
View File

@ -9,15 +9,13 @@ exports[`FindingsDrawer matches the snapshot 1`] = `
zindex="252"
>
<h2
class="gl-font-size-h2 gl-mt-0 gl-mb-0"
class="gl-font-size-h2 gl-mb-0 gl-mt-0"
data-testid="findings-drawer-heading"
>
Unused method argument - \`c\`. If it's necessary, use \`_\` or \`_c\` as an argument name to indicate that it won't be used.
Unused method argument - \`c\`. If it's necessary, use \`_\` or \`_c\` as an argument name to indicate that it won't be used.
</h2>
<ul
class="gl-list-style-none gl-border-b-initial gl-mb-0 gl-pb-0!"
class="gl-border-b-initial gl-list-style-none gl-mb-0 gl-pb-0!"
>
<li
class="gl-mb-4"
@ -28,19 +26,14 @@ exports[`FindingsDrawer matches the snapshot 1`] = `
>
Severity:
</span>
<gl-icon-stub
class="inline-findings-severity-icon gl-text-orange-300"
class="gl-text-orange-300 inline-findings-severity-icon"
data-testid="findings-drawer-severity-icon"
name="severity-low"
size="12"
/>
minor
minor
</li>
<li
class="gl-mb-4"
data-testid="findings-drawer-engine"
@ -50,11 +43,8 @@ exports[`FindingsDrawer matches the snapshot 1`] = `
>
Engine:
</span>
testengine name
testengine name
</li>
<li
class="gl-mb-4"
data-testid="findings-drawer-category"
@ -64,21 +54,17 @@ exports[`FindingsDrawer matches the snapshot 1`] = `
>
Category:
</span>
testcategory 1
testcategory 1
</li>
<li
class="gl-mb-4"
data-testid="findings-drawer-other-locations"
>
<span
class="gl-font-weight-bold gl-mb-3 gl-display-block"
class="gl-display-block gl-font-weight-bold gl-mb-3"
>
Other locations:
</span>
<ul
class="gl-pl-6"
>
@ -115,7 +101,6 @@ exports[`FindingsDrawer matches the snapshot 1`] = `
</ul>
</li>
</ul>
<span
class="drawer-body gl-display-block gl-px-3 gl-py-0!"
data-testid="findings-drawer-body"

17
spec/frontend/emoji/index_spec.js
View File

@ -134,9 +134,11 @@ describe('emoji', () => {
const emojiKey = 'bomb';
const markup = glEmojiTag(emojiKey);
expect(trimText(markup)).toMatchInlineSnapshot(
`"<gl-emoji data-name=\\"bomb\\"></gl-emoji>"`,
);
expect(trimText(markup)).toMatchInlineSnapshot(`
<gl-emoji
data-name="bomb"
/>
`);
});
it('bomb emoji with sprite fallback readiness', () => {
@ -144,9 +146,12 @@ describe('emoji', () => {
const markup = glEmojiTag(emojiKey, {
sprite: true,
});
expect(trimText(markup)).toMatchInlineSnapshot(
`"<gl-emoji data-fallback-sprite-class=\\"emoji-bomb\\" data-name=\\"bomb\\"></gl-emoji>"`,
);
expect(trimText(markup)).toMatchInlineSnapshot(`
<gl-emoji
data-fallback-sprite-class="emoji-bomb"
data-name="bomb"
/>
`);
});
});

4
spec/frontend/ide/components/pipelines/__snapshots__/list_spec.js.snap
View File

@ -4,10 +4,8 @@ exports[`IDE pipelines list when loaded renders empty state when no latestPipeli
<div
class="ide-pipeline"
>
<!---->
<div
class="gl-h-full gl-display-flex gl-flex-direction-column gl-justify-content-center"
class="gl-display-flex gl-flex-direction-column gl-h-full gl-justify-content-center"
>
<empty-state-stub />
</div>

4
spec/frontend/ide/lib/gitlab_web_ide/setup_root_element_spec.js
View File

@ -24,8 +24,8 @@ describe('~/ide/lib/gitlab_web_ide/setup_root_element', () => {
expect(result).toBe(findIDERoot());
expect(result).toMatchInlineSnapshot(`
<div
class="gl--flex-center gl-relative gl-h-full"
id="ide-test-root"
class="gl--flex-center gl-h-full gl-relative"
id="reference-0"
/>
`);
});

14
spec/frontend/incidents_settings/components/__snapshots__/pagerduty_form_spec.js.snap
View File

@ -2,14 +2,11 @@
exports[`Alert integration settings form should match the default snapshot 1`] = `
<div>
<!---->
<p>
<gl-sprintf-stub
message="Create a GitLab incident for each PagerDuty incident by %{linkStart}configuring a webhook in PagerDuty%{linkEnd}"
/>
</p>
<form>
<gl-form-group-stub
class="col-8 col-md-9 gl-p-0"
@ -17,13 +14,12 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
optionaltext="(optional)"
>
<gl-toggle-stub
id="active"
id="reference-0"
label="Active"
labelposition="top"
value="true"
/>
</gl-form-group-stub>
<gl-form-group-stub
class="col-8 col-md-9 gl-p-0"
label="Webhook URL"
@ -33,7 +29,7 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
>
<gl-form-input-group-stub
data-testid="webhook-url"
id="url"
id="reference-1"
inputclass=""
predefinedoptions="[object Object]"
readonly=""
@ -48,7 +44,6 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
variant="default"
/>
</gl-form-input-group-stub>
<gl-button-stub
buttontextclasses=""
category="primary"
@ -60,11 +55,8 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
tabindex="0"
variant="default"
>
Reset webhook URL
</gl-button-stub>
<gl-modal-stub
actioncancel="[object Object]"
actionprimary="[object Object]"
@ -76,9 +68,7 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
title="Reset webhook URL"
titletag="h4"
>
Resetting the webhook URL for this project will require updating this integration's settings in PagerDuty.
</gl-modal-stub>
</gl-form-group-stub>
</form>

10
spec/frontend/issues/new/components/__snapshots__/type_popover_spec.js.snap
View File

@ -3,15 +3,14 @@
exports[`Issue type info popover renders 1`] = `
<span
class="gl-ml-2"
id="popovercontainer"
id="reference-0"
>
<gl-icon-stub
class="gl-text-blue-600"
id="issue-type-info"
id="reference-1"
name="question-o"
size="16"
/>
<gl-popover-stub
container="popovercontainer"
cssclasses=""
@ -20,7 +19,7 @@ exports[`Issue type info popover renders 1`] = `
triggers="focus hover"
>
<ul
class="gl-list-style-none gl-p-0 gl-m-0"
class="gl-list-style-none gl-m-0 gl-p-0"
>
<li
class="gl-mb-3"
@ -30,19 +29,16 @@ exports[`Issue type info popover renders 1`] = `
>
Issue
</div>
<span>
For general work
</span>
</li>
<li>
<div
class="gl-font-weight-bold"
>
Incident
</div>
<span>
For investigating IT service disruptions or outages
</span>

13
spec/frontend/jira_connect/subscriptions/components/__snapshots__/group_item_name_spec.js.snap
View File

@ -2,16 +2,15 @@
exports[`GroupItemName template matches the snapshot 1`] = `
<div
class="gl-display-flex gl-align-items-center"
class="gl-align-items-center gl-display-flex"
>
<gl-icon-stub
class="gl-mr-3"
name="folder-o"
size="16"
/>
<div
class="gl-display-none gl-flex-shrink-0 gl-sm-display-flex gl-mr-3"
class="gl-display-none gl-flex-shrink-0 gl-mr-3 gl-sm-display-flex"
>
<gl-avatar-stub
alt="avatar"
@ -22,19 +21,15 @@ exports[`GroupItemName template matches the snapshot 1`] = `
src="avatar.png"
/>
</div>
<div>
<span
class="gl-mr-3 gl-text-gray-900! gl-font-weight-bold"
class="gl-font-weight-bold gl-mr-3 gl-text-gray-900!"
>
Gitlab Org
</span>
<div>
<p
class="gl-mt-2! gl-mb-0 gl-text-gray-600"
class="gl-mb-0 gl-mt-2! gl-text-gray-600"
>
Open source software to collaborate on code
</p>

86
spec/frontend/jira_import/components/__snapshots__/jira_import_form_spec.js.snap
View File

@ -4,23 +4,17 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<table
aria-busy=""
aria-colcount="3"
class="table b-table gl-table b-table-fixed"
class="b-table b-table-fixed gl-table table"
role="table"
>
<!---->
<!---->
<thead
class=""
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<th
aria-colindex="1"
class=""
role="columnheader"
scope="col"
>
@ -31,7 +25,6 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<th
aria-colindex="2"
aria-label="Arrow"
class=""
role="columnheader"
scope="col"
>
@ -39,7 +32,6 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
</th>
<th
aria-colindex="3"
class=""
role="columnheader"
scope="col"
>
@ -52,21 +44,17 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<tbody
role="rowgroup"
>
<!---->
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
Jane Doe
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
<svg
@ -82,33 +70,26 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
</td>
<td
aria-colindex="3"
class=""
role="cell"
>
<div
aria-label="The GitLab user to which the Jira user Jane Doe will be mapped"
class="dropdown b-dropdown gl-dropdown w-100 btn-group"
class="b-dropdown btn-group dropdown gl-dropdown w-100"
>
<!---->
<button
aria-expanded="false"
aria-haspopup="menu"
class="btn dropdown-toggle btn-default btn-md gl-button gl-dropdown-toggle"
class="btn btn-default btn-md dropdown-toggle gl-button gl-dropdown-toggle"
type="button"
>
<!---->
<!---->
<span
class="gl-dropdown-button-text"
>
janedoe
</span>
<svg
aria-hidden="true"
class="gl-button-icon dropdown-chevron gl-icon s16"
class="dropdown-chevron gl-button-icon gl-icon s16"
data-testid="chevron-down-icon"
role="img"
>
@ -125,21 +106,15 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<div
class="gl-dropdown-inner"
>
<!---->
<!---->
<div
class="gl-dropdown-contents"
>
<!---->
<div
class="gl-search-box-by-type"
>
<svg
aria-hidden="true"
class="gl-search-box-by-type-search-icon gl-icon s16"
class="gl-icon gl-search-box-by-type-search-icon s16"
data-testid="search-icon"
role="img"
>
@ -147,17 +122,13 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
href="file-mock#search"
/>
</svg>
<input
aria-label="Search"
class="gl-form-input form-control gl-search-box-by-type-input"
class="form-control gl-form-input gl-search-box-by-type-input"
placeholder="Search"
type="search"
/>
<!---->
</div>
<li
class="gl-dropdown-text text-secondary"
role="presentation"
@ -165,33 +136,26 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<p
class="b-dropdown-text"
>
No matches found
No matches found
</p>
</li>
</div>
<!---->
</div>
</ul>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
aria-colindex="1"
class=""
role="cell"
>
Fred Chopin
</td>
<td
aria-colindex="2"
class=""
role="cell"
>
<svg
@ -207,33 +171,26 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
</td>
<td
aria-colindex="3"
class=""
role="cell"
>
<div
aria-label="The GitLab user to which the Jira user Fred Chopin will be mapped"
class="dropdown b-dropdown gl-dropdown w-100 btn-group"
class="b-dropdown btn-group dropdown gl-dropdown w-100"
>
<!---->
<button
aria-expanded="false"
aria-haspopup="menu"
class="btn dropdown-toggle btn-default btn-md gl-button gl-dropdown-toggle"
class="btn btn-default btn-md dropdown-toggle gl-button gl-dropdown-toggle"
type="button"
>
<!---->
<!---->
<span
class="gl-dropdown-button-text"
>
mrgitlab
</span>
<svg
aria-hidden="true"
class="gl-button-icon dropdown-chevron gl-icon s16"
class="dropdown-chevron gl-button-icon gl-icon s16"
data-testid="chevron-down-icon"
role="img"
>
@ -250,21 +207,15 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<div
class="gl-dropdown-inner"
>
<!---->
<!---->
<div
class="gl-dropdown-contents"
>
<!---->
<div
class="gl-search-box-by-type"
>
<svg
aria-hidden="true"
class="gl-search-box-by-type-search-icon gl-icon s16"
class="gl-icon gl-search-box-by-type-search-icon s16"
data-testid="search-icon"
role="img"
>
@ -272,17 +223,13 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
href="file-mock#search"
/>
</svg>
<input
aria-label="Search"
class="gl-form-input form-control gl-search-box-by-type-input"
class="form-control gl-form-input gl-search-box-by-type-input"
placeholder="Search"
type="search"
/>
<!---->
</div>
<li
class="gl-dropdown-text text-secondary"
role="presentation"
@ -290,22 +237,15 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
<p
class="b-dropdown-text"
>
No matches found
No matches found
</p>
</li>
</div>
<!---->
</div>
</ul>
</div>
</td>
</tr>
<!---->
<!---->
</tbody>
<!---->
</table>
`;

26
spec/frontend/members/components/table/__snapshots__/member_activity_spec.js.snap
View File

@ -2,21 +2,14 @@
exports[`MemberActivity with a member that does not have all of the fields renders \`User created\` field 1`] = `
<div>
<!---->
<div>
<strong>
Access granted:
</strong>
<span>
Aug 06, 2020
Aug 06, 2020
</span>
</div>
<!---->
</div>
`;
@ -26,35 +19,24 @@ exports[`MemberActivity with a member that has all fields renders \`User created
<strong>
User created:
</strong>
<span>
Mar 10, 2022
Mar 10, 2022
</span>
</div>
<div>
<strong>
Access granted:
</strong>
<span>
Jul 17, 2020
Jul 17, 2020
</span>
</div>
<div>
<strong>
Last activity:
</strong>
<span>
Mar 15, 2022
Mar 15, 2022
</span>
</div>
</div>

40
spec/frontend/notes/components/__snapshots__/notes_app_spec.js.snap
View File

@ -1,17 +1,37 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`note_app when sort direction is asc shows skeleton notes after the loaded discussions 1`] = `
"<ul id=\\"notes-list\\" class=\\"notes main-notes-list timeline\\">
<noteable-discussion-stub discussion=\\"[object Object]\\" renderdifffile=\\"true\\" helppagepath=\\"\\" isoverviewtab=\\"true\\" shouldscrolltonote=\\"true\\"></noteable-discussion-stub>
<skeleton-loading-container-stub class=\\"note-skeleton\\"></skeleton-loading-container-stub>
<!---->
</ul>"
<ul
class="main-notes-list notes timeline"
id="reference-0"
>
<noteable-discussion-stub
discussion="[object Object]"
helppagepath=""
isoverviewtab="true"
renderdifffile="true"
shouldscrolltonote="true"
/>
<skeleton-loading-container-stub
class="note-skeleton"
/>
</ul>
`;
exports[`note_app when sort direction is desc shows skeleton notes before the loaded discussions 1`] = `
"<ul id=\\"notes-list\\" class=\\"notes main-notes-list timeline\\">
<skeleton-loading-container-stub class=\\"note-skeleton\\"></skeleton-loading-container-stub>
<noteable-discussion-stub discussion=\\"[object Object]\\" renderdifffile=\\"true\\" helppagepath=\\"\\" isoverviewtab=\\"true\\" shouldscrolltonote=\\"true\\"></noteable-discussion-stub>
<!---->
</ul>"
<ul
class="main-notes-list notes timeline"
id="reference-0"
>
<skeleton-loading-container-stub
class="note-skeleton"
/>
<noteable-discussion-stub
discussion="[object Object]"
helppagepath=""
isoverviewtab="true"
renderdifffile="true"
shouldscrolltonote="true"
/>
</ul>
`;

6
spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/__snapshots__/tags_loader_spec.js.snap
View File

@ -10,7 +10,6 @@ exports[`TagsLoader component has the correct markup 1`] = `
x="0"
y="12.5"
/>
<rect
height="20"
rx="4"
@ -18,13 +17,11 @@ exports[`TagsLoader component has the correct markup 1`] = `
x="25"
y="10"
/>
<circle
cx="290"
cy="20"
r="10"
/>
<rect
height="20"
rx="4"
@ -32,7 +29,6 @@ exports[`TagsLoader component has the correct markup 1`] = `
x="315"
y="10"
/>
<rect
height="20"
rx="4"
@ -40,7 +36,6 @@ exports[`TagsLoader component has the correct markup 1`] = `
x="500"
y="10"
/>
<rect
height="20"
rx="4"
@ -48,7 +43,6 @@ exports[`TagsLoader component has the correct markup 1`] = `
x="630"
y="10"
/>
<rect
height="40"
rx="4"

2
spec/frontend/packages_and_registries/container_registry/explorer/components/list_page/__snapshots__/group_empty_state_spec.js.snap
View File

@ -3,7 +3,7 @@
exports[`Registry Group Empty state to match the default snapshot 1`] = `
<div>
<p>
With the Container Registry, every project can have its own space to store its Docker images. Push at least one Docker image in one of this group's projects in order to show up here.
With the Container Registry, every project can have its own space to store its Docker images. Push at least one Docker image in one of this group's projects in order to show up here.
<gl-link-stub
href="baz"
target="_blank"

18
spec/frontend/packages_and_registries/container_registry/explorer/components/list_page/__snapshots__/project_empty_state_spec.js.snap
View File

@ -3,7 +3,7 @@
exports[`Registry Project Empty state to match the default snapshot 1`] = `
<div>
<p>
With the Container Registry, every project can have its own space to store its Docker images.
With the Container Registry, every project can have its own space to store its Docker images.
<gl-link-stub
href="baz"
target="_blank"
@ -11,29 +11,26 @@ exports[`Registry Project Empty state to match the default snapshot 1`] = `
More Information
</gl-link-stub>
</p>
<h5>
CLI Commands
</h5>
<p>
If you are not already logged in, you need to authenticate to the Container Registry by using your GitLab username and password. If you have
If you are not already logged in, you need to authenticate to the Container Registry by using your GitLab username and password. If you have
<gl-link-stub
href="barBaz"
target="_blank"
>
Two-Factor Authentication
</gl-link-stub>
enabled, use a
enabled, use a
<gl-link-stub
href="fooBaz"
target="_blank"
>
Personal Access Token
</gl-link-stub>
instead of a password.
instead of a password.
</p>
<gl-form-input-group-stub
class="gl-mb-4"
inputclass=""
@ -47,15 +44,11 @@ exports[`Registry Project Empty state to match the default snapshot 1`] = `
value="bazbaz"
/>
</gl-form-input-group-stub>
<p
class="gl-mb-4"
>
You can add an image to this registry with the following commands:
You can add an image to this registry with the following commands:
</p>
<gl-form-input-group-stub
class="gl-mb-4"
inputclass=""
@ -69,7 +62,6 @@ exports[`Registry Project Empty state to match the default snapshot 1`] = `
value="foofoo"
/>
</gl-form-input-group-stub>
<gl-form-input-group-stub
inputclass=""
predefinedoptions="[object Object]"

11
spec/frontend/packages_and_registries/infrastructure_registry/components/details/components/__snapshots__/file_sha_spec.js.snap
View File

@ -2,18 +2,13 @@
exports[`FileSha renders 1`] = `
<div
class="gl-display-flex gl-align-items-center gl-font-monospace gl-font-sm gl-word-break-all gl-py-2 gl-border-b-solid gl-border-gray-100 gl-border-b-1"
class="gl-align-items-center gl-border-b-1 gl-border-b-solid gl-border-gray-100 gl-display-flex gl-font-monospace gl-font-sm gl-py-2 gl-word-break-all"
>
<!---->
<span>
<div
class="gl-px-4"
>
bar:
foo
bar: foo
<gl-button-stub
aria-label="Copy SHA"
aria-live="polite"
@ -22,7 +17,7 @@ exports[`FileSha renders 1`] = `
data-clipboard-handle-tooltip="false"
data-clipboard-text="foo"
icon="copy-to-clipboard"
id="clipboard-button-1"
id="reference-0"
size="small"
title="Copy SHA"
variant="default"

4
spec/frontend/packages_and_registries/infrastructure_registry/components/details/components/__snapshots__/terraform_installation_spec.js.snap
View File

@ -7,7 +7,6 @@ exports[`TerraformInstallation renders all the messages 1`] = `
>
Provision instructions
</h3>
<code-instruction-stub
copytext="Copy Terraform Command"
instruction="module \\"my_module_name\\" {
@ -19,13 +18,11 @@ exports[`TerraformInstallation renders all the messages 1`] = `
trackingaction=""
trackinglabel=""
/>
<h3
class="gl-font-lg"
>
Registry setup
</h3>
<code-instruction-stub
copytext="Copy Terraform Setup Command"
instruction="credentials \\"bar.dev\\" {
@ -36,7 +33,6 @@ exports[`TerraformInstallation renders all the messages 1`] = `
trackingaction=""
trackinglabel=""
/>
<gl-sprintf-stub
message="For more information on the Terraform registry, %{linkStart}see our documentation%{linkEnd}."
/>

25
spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/__snapshots__/packages_list_app_spec.js.snap
View File

@ -6,12 +6,10 @@ exports[`packages_list_app renders 1`] = `
count="1"
helpurl="foo"
/>
<infrastructure-search-stub />
<div>
<section
class="gl-display-flex empty-state gl-text-center gl-flex-direction-column"
class="empty-state gl-display-flex gl-flex-direction-column gl-text-center"
>
<div
class="gl-max-w-full"
@ -21,15 +19,14 @@ exports[`packages_list_app renders 1`] = `
>
<img
alt=""
class="gl-max-w-full gl-dark-invert-keep-hue"
class="gl-dark-invert-keep-hue gl-max-w-full"
role="img"
src="helpSvg"
/>
</div>
</div>
<div
class="gl-max-w-full gl-m-auto"
class="gl-m-auto gl-max-w-full"
data-testid="gl-empty-state-content"
>
<div
@ -38,15 +35,12 @@ exports[`packages_list_app renders 1`] = `
<h1
class="gl-font-size-h-display gl-line-height-36 h4"
>
There are no packages yet
There are no packages yet
</h1>
<p
class="gl-mt-3"
>
Learn how to
Learn how to
<b-link-stub
class="gl-link"
href="helpUrl"
@ -54,16 +48,11 @@ exports[`packages_list_app renders 1`] = `
>
publish and share your packages
</b-link-stub>
with GitLab.
with GitLab.
</p>
<div
class="gl-display-flex gl-flex-wrap gl-justify-content-center"
>
<!---->
<!---->
</div>
/>
</div>
</div>
</section>

42
spec/frontend/packages_and_registries/infrastructure_registry/components/shared/__snapshots__/package_list_row_spec.js.snap
View File

@ -2,28 +2,26 @@
exports[`packages_list_row renders 1`] = `
<div
class="gl-display-flex gl-flex-direction-column gl-border-b-solid gl-border-t-solid gl-border-t-1 gl-border-b-1 gl-border-t-transparent gl-border-b-gray-100"
class="gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid gl-border-t-1 gl-border-t-solid gl-border-t-transparent gl-display-flex gl-flex-direction-column"
data-testid="package-row"
>
<div
class="gl-display-flex gl-align-items-center gl-py-3"
class="gl-align-items-center gl-display-flex gl-py-3"
>
<!---->
<div
class="gl-display-flex gl-xs-flex-direction-column gl-justify-content-space-between gl-align-items-stretch gl-flex-grow-1"
class="gl-align-items-stretch gl-display-flex gl-flex-grow-1 gl-justify-content-space-between gl-xs-flex-direction-column"
>
<div
class="gl-display-flex gl-flex-direction-column gl-xs-mb-3 gl-min-w-0 gl-flex-grow-1"
class="gl-display-flex gl-flex-direction-column gl-flex-grow-1 gl-min-w-0 gl-xs-mb-3"
>
<div
class="gl-display-flex gl-align-items-center gl-text-body gl-font-weight-bold gl-min-h-6 gl-min-w-0"
class="gl-align-items-center gl-display-flex gl-font-weight-bold gl-min-h-6 gl-min-w-0 gl-text-body"
>
<div
class="gl-display-flex gl-align-items-center gl-mr-3 gl-min-w-0"
class="gl-align-items-center gl-display-flex gl-min-w-0 gl-mr-3"
>
<gl-link-stub
class="gl-text-body gl-min-w-0"
class="gl-min-w-0 gl-text-body"
data-testid="details-link"
href="foo"
>
@ -32,17 +30,10 @@ exports[`packages_list_row renders 1`] = `
text="Test package"
/>
</gl-link-stub>
<!---->
<!---->
</div>
<!---->
</div>
<div
class="gl-display-flex gl-align-items-center gl-text-gray-500 gl-min-h-6 gl-min-w-0 gl-flex-grow-1"
class="gl-align-items-center gl-display-flex gl-flex-grow-1 gl-min-h-6 gl-min-w-0 gl-text-gray-500"
>
<div
class="gl-display-flex"
@ -50,31 +41,25 @@ exports[`packages_list_row renders 1`] = `
<span>
1.0.0
</span>
<!---->
<div />
<package-path-stub
path="foo/bar/baz"
/>
</div>
</div>
</div>
<div
class="gl-display-flex gl-flex-direction-column gl-sm-align-items-flex-end gl-justify-content-space-between gl-text-gray-500 gl-flex-shrink-0"
class="gl-display-flex gl-flex-direction-column gl-flex-shrink-0 gl-justify-content-space-between gl-sm-align-items-flex-end gl-text-gray-500"
>
<div
class="gl-display-flex gl-align-items-center gl-sm-text-body gl-sm-font-weight-bold gl-min-h-6"
class="gl-align-items-center gl-display-flex gl-min-h-6 gl-sm-font-weight-bold gl-sm-text-body"
>
<publish-method-stub
packageentity="[object Object]"
/>
</div>
<div
class="gl-display-flex gl-align-items-center gl-min-h-6"
class="gl-align-items-center gl-display-flex gl-min-h-6"
>
<span>
<gl-sprintf-stub
@ -84,9 +69,8 @@ exports[`packages_list_row renders 1`] = `
</div>
</div>
</div>
<div
class="gl-w-9 gl-display-flex gl-justify-content-end gl-pr-1"
class="gl-display-flex gl-justify-content-end gl-pr-1 gl-w-9"
>
<gl-button-stub
aria-label="Remove package"
@ -100,7 +84,5 @@ exports[`packages_list_row renders 1`] = `
/>
</div>
</div>
<!---->
</div>
`;

5
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/conan_installation_spec.js.snap
View File

@ -6,7 +6,6 @@ exports[`ConanInstallation renders all the messages 1`] = `
options="[object Object]"
packagetype="conan"
/>
<code-instruction-stub
copytext="Copy Conan Command"
instruction="conan install @gitlab-org/package-15 --remote=gitlab"
@ -14,13 +13,11 @@ exports[`ConanInstallation renders all the messages 1`] = `
trackingaction="copy_conan_command"
trackinglabel="code_instruction"
/>
<h3
class="gl-font-lg"
>
Registry setup
</h3>
<code-instruction-stub
copytext="Copy Conan Setup Command"
instruction="conan remote add gitlab http://gdk.test:3000/api/v4/projects/1/packages/conan"
@ -28,7 +25,7 @@ exports[`ConanInstallation renders all the messages 1`] = `
trackingaction="copy_conan_setup_command"
trackinglabel="code_instruction"
/>
For more information on the Conan registry,
For more information on the Conan registry,
<gl-link-stub
href="/help/user/packages/conan_repository/index"
target="_blank"

8
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/dependency_row_spec.js.snap
View File

@ -5,25 +5,21 @@ exports[`DependencyRow renders full dependency 1`] = `
class="gl-responsive-table-row"
>
<div
class="table-section section-50"
class="section-50 table-section"
>
<strong
class="gl-text-body"
>
Ninject.Extensions.Factory
</strong>
<span
data-testid="target-framework"
>
(.NETCoreApp3.1)
</span>
</div>
<div
class="table-section section-50 gl-display-flex gl-md-justify-content-end"
class="gl-display-flex gl-md-justify-content-end section-50 table-section"
data-testid="version-pattern"
>
<span

11
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/file_sha_spec.js.snap
View File

@ -2,18 +2,13 @@
exports[`FileSha renders 1`] = `
<div
class="gl-display-flex gl-align-items-center gl-font-monospace gl-font-sm gl-word-break-all gl-py-2 gl-border-b-solid gl-border-gray-100 gl-border-b-1"
class="gl-align-items-center gl-border-b-1 gl-border-b-solid gl-border-gray-100 gl-display-flex gl-font-monospace gl-font-sm gl-py-2 gl-word-break-all"
>
<!---->
<span>
<div
class="gl-px-4"
>
bar:
foo
bar: foo
<gl-button-stub
aria-label="Copy SHA"
aria-live="polite"
@ -22,7 +17,7 @@ exports[`FileSha renders 1`] = `
data-clipboard-handle-tooltip="false"
data-clipboard-text="foo"
icon="copy-to-clipboard"
id="clipboard-button-1"
id="reference-0"
size="small"
title="Copy SHA"
variant="default"

67
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/maven_installation_spec.js.snap
View File

@ -6,7 +6,6 @@ exports[`MavenInstallation groovy renders all the messages 1`] = `
options="[object Object],[object Object],[object Object]"
packagetype="maven"
/>
<code-instruction-stub
class="gl-mb-5"
copytext="Copy Gradle Groovy DSL install command"
@ -15,7 +14,6 @@ exports[`MavenInstallation groovy renders all the messages 1`] = `
trackingaction="copy_gradle_install_command"
trackinglabel="code_instruction"
/>
<code-instruction-stub
copytext="Copy add Gradle Groovy DSL repository command"
instruction="maven {
@ -35,7 +33,6 @@ exports[`MavenInstallation kotlin renders all the messages 1`] = `
options="[object Object],[object Object],[object Object]"
packagetype="maven"
/>
<code-instruction-stub
class="gl-mb-5"
copytext="Copy Gradle Kotlin DSL install command"
@ -44,7 +41,6 @@ exports[`MavenInstallation kotlin renders all the messages 1`] = `
trackingaction="copy_kotlin_install_command"
trackinglabel="code_instruction"
/>
<code-instruction-stub
copytext="Copy add Gradle Kotlin DSL repository command"
instruction="maven(\\"http://gdk.test:3000/api/v4/projects/1/packages/maven\\")"
@ -62,81 +58,72 @@ exports[`MavenInstallation maven renders all the messages 1`] = `
options="[object Object],[object Object],[object Object]"
packagetype="maven"
/>
<p>
Copy and paste this inside your
Copy and paste this inside your
<code>
pom.xml
</code>
<code>
dependencies
</code>
block.
block.
</p>
<code-instruction-stub
copytext="Copy Maven XML"
instruction="<dependency>
<groupId>appGroup</groupId>
<artifactId>appName</artifactId>
<version>appVersion</version>
</dependency>"
instruction=<dependency>
<groupid>
appGroup
</groupid>
<artifactid>
appName
</artifactid>
<version>
appVersion
</version>
</dependency>
label=""
multiline="true"
trackingaction="copy_maven_xml"
trackinglabel="code_instruction"
/>
<code-instruction-stub
class="gl-w-20 gl-mt-5"
class="gl-mt-5 gl-w-20"
copytext="Copy Maven command"
instruction="mvn install"
label="Maven Command"
trackingaction="copy_maven_command"
trackinglabel="code_instruction"
/>
<h3
class="gl-font-lg"
>
Registry setup
</h3>
<p>
If you haven't already done so, you will need to add the below to your
If you haven't already done so, you will need to add the below to your
<code>
pom.xml
</code>
file.
file.
</p>
<code-instruction-stub
copytext="Copy Maven registry XML"
instruction="<repositories>
<repository>
<id>gitlab-maven</id>
<url>http://gdk.test:3000/api/v4/projects/1/packages/maven</url>
</repository>
</repositories>
<distributionManagement>
<repository>
<id>gitlab-maven</id>
<url>http://gdk.test:3000/api/v4/projects/1/packages/maven</url>
</repository>
<snapshotRepository>
<id>gitlab-maven</id>
<url>http://gdk.test:3000/api/v4/projects/1/packages/maven</url>
</snapshotRepository>
</distributionManagement>"
instruction=<repositories>
<repository>
<id>
gitlab-maven
</id>
<url>
http://gdk.test:3000/api/v4/projects/1/packages/maven
</url>
</repository>
</repositories>
label=""
multiline="true"
trackingaction="copy_maven_setup_xml"
trackinglabel="code_instruction"
/>
For more information on the Maven registry,
For more information on the Maven registry,
<gl-link-stub
href="/help/user/packages/maven_repository/index"
target="_blank"

8
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/npm_installation_spec.js.snap
View File

@ -6,7 +6,6 @@ exports[`NpmInstallation renders all the messages 1`] = `
options="[object Object],[object Object]"
packagetype="npm"
/>
<code-instruction-stub
copytext="Copy npm command"
instruction="npm i @gitlab-org/package-15"
@ -14,13 +13,11 @@ exports[`NpmInstallation renders all the messages 1`] = `
trackingaction="copy_npm_install_command"
trackinglabel="code_instruction"
/>
<h3
class="gl-font-lg"
>
Registry setup
</h3>
<gl-form-radio-group-stub
checked="instance"
disabledfield="disabled"
@ -29,7 +26,6 @@ exports[`NpmInstallation renders all the messages 1`] = `
textfield="text"
valuefield="value"
/>
<code-instruction-stub
copytext="Copy npm setup command"
instruction="echo @gitlab-org:registry=npmInstanceUrl/ >> .npmrc"
@ -37,13 +33,13 @@ exports[`NpmInstallation renders all the messages 1`] = `
trackingaction="copy_npm_setup_command"
trackinglabel="code_instruction"
/>
You may also need to setup authentication using an auth token.
You may also need to setup authentication using an auth token.
<gl-link-stub
href="/help/user/packages/npm_registry/index"
target="_blank"
>
See the documentation
</gl-link-stub>
to find out more.
to find out more.
</div>
`;

5
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/nuget_installation_spec.js.snap
View File

@ -6,7 +6,6 @@ exports[`NugetInstallation renders all the messages 1`] = `
options="[object Object]"
packagetype="nuget"
/>
<code-instruction-stub
copytext="Copy NuGet Command"
instruction="nuget install @gitlab-org/package-15 -Source \\"GitLab\\""
@ -14,13 +13,11 @@ exports[`NugetInstallation renders all the messages 1`] = `
trackingaction="copy_nuget_install_command"
trackinglabel="code_instruction"
/>
<h3
class="gl-font-lg"
>
Registry setup
</h3>
<code-instruction-stub
copytext="Copy NuGet Setup Command"
instruction="nuget source Add -Name \\"GitLab\\" -Source \\"http://gdk.test:3000/api/v4/projects/1/packages/nuget/index.json\\" -UserName <your_username> -Password <your_token>"
@ -28,7 +25,7 @@ exports[`NugetInstallation renders all the messages 1`] = `
trackingaction="copy_nuget_setup_command"
trackinglabel="code_instruction"
/>
For more information on the NuGet registry,
For more information on the NuGet registry,
<gl-link-stub
href="/help/user/packages/nuget_repository/index"
target="_blank"

112
spec/frontend/packages_and_registries/package_registry/components/details/__snapshots__/pypi_installation_spec.js.snap
View File

@ -3,45 +3,37 @@
exports[`PypiInstallation renders all the messages 1`] = `
<div>
<div
class="gl-display-flex gl-justify-content-space-between gl-align-items-center"
class="gl-align-items-center gl-display-flex gl-justify-content-space-between"
>
<h3
class="gl-font-lg"
>
Installation
</h3>
<div>
<div
class="gl-new-dropdown"
>
<button
aria-controls="base-dropdown-10"
aria-controls="reference-1"
aria-haspopup="listbox"
aria-labelledby="dropdown-toggle-btn-8"
aria-labelledby="reference-0"
class="btn btn-default btn-md gl-button gl-new-dropdown-toggle"
data-testid="base-dropdown-toggle"
id="dropdown-toggle-btn-8"
id="reference-0"
type="button"
>
<!---->
<!---->
<span
class="gl-button-text"
>
<span
class="gl-new-dropdown-button-text"
>
Show PyPi commands
Show PyPi commands
</span>
<svg
aria-hidden="true"
class="gl-button-icon gl-new-dropdown-chevron gl-icon s16"
class="gl-button-icon gl-icon gl-new-dropdown-chevron s16"
data-testid="chevron-down-icon"
role="img"
>
@ -51,24 +43,18 @@ exports[`PypiInstallation renders all the messages 1`] = `
</svg>
</span>
</button>
<div
class="gl-new-dropdown-panel gl-w-31!"
data-testid="base-dropdown-menu"
id="base-dropdown-10"
id="reference-1"
>
<div
class="gl-new-dropdown-inner"
>
<!---->
<!---->
<ul
aria-labelledby="dropdown-toggle-btn-8"
class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay gl-new-dropdown-contents"
id="listbox-9"
aria-labelledby="reference-0"
class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay"
id="reference-2"
role="listbox"
tabindex="-1"
>
@ -81,11 +67,9 @@ exports[`PypiInstallation renders all the messages 1`] = `
class="top-scrim top-scrim-light"
/>
</li>
<li
aria-hidden="true"
/>
<li
aria-selected="true"
class="gl-new-dropdown-item"
@ -94,11 +78,11 @@ exports[`PypiInstallation renders all the messages 1`] = `
tabindex="-1"
>
<span
class="gl-new-dropdown-item-content gl-bg-gray-50!"
class="gl-bg-gray-50! gl-new-dropdown-item-content"
>
<svg
aria-hidden="true"
class="gl-icon s16 gl-new-dropdown-item-check-icon gl-mt-3 gl-align-self-start"
class="gl-align-self-start gl-icon gl-mt-3 gl-new-dropdown-item-check-icon s16"
data-testid="dropdown-item-checkbox"
role="img"
>
@ -106,25 +90,16 @@ exports[`PypiInstallation renders all the messages 1`] = `
href="file-mock#mobile-issue-close"
/>
</svg>
<span
class="gl-new-dropdown-item-text-wrapper"
>
Show PyPi commands
Show PyPi commands
</span>
</span>
</li>
<!---->
<!---->
<li
aria-hidden="true"
/>
<li
aria-hidden="true"
class="bottom-scrim-wrapper"
@ -135,56 +110,43 @@ exports[`PypiInstallation renders all the messages 1`] = `
/>
</li>
</ul>
<!---->
</div>
</div>
</div>
</div>
</div>
<fieldset
class="form-group gl-form-group"
id="installation-pip-command-group"
id="reference-3"
>
<legend
class="bv-no-focus-ring col-form-label pt-0 col-form-label"
id="installation-pip-command-group__BV_label_"
class="bv-no-focus-ring col-form-label pt-0"
id="reference-4"
tabindex="-1"
>
<!---->
<!---->
</legend>
/>
<div>
<div
data-testid="pip-command"
id="installation-pip-command"
id="reference-5"
>
<label
for="instruction-input_11"
for="reference-6"
>
Pip Command
</label>
<div
class="gl-mb-3"
>
<div
class="input-group gl-mb-3"
class="gl-mb-3 input-group"
>
<input
class="form-control gl-font-monospace"
data-testid="instruction-input"
id="instruction-input_11"
readonly="readonly"
id="reference-6"
readonly=""
type="text"
/>
<span
class="input-group-append"
data-testid="instruction-button"
@ -192,15 +154,13 @@ exports[`PypiInstallation renders all the messages 1`] = `
<button
aria-label="Copy Pip command"
aria-live="polite"
class="btn input-group-text btn-default btn-md gl-button btn-default-secondary btn-icon"
class="btn btn-default btn-default-secondary btn-icon btn-md gl-button input-group-text"
data-clipboard-handle-tooltip="false"
data-clipboard-text="pip install @gitlab-org/package-15 --index-url http://__token__:<your_personal_token>@gdk.test:3000/api/v4/projects/1/packages/pypi/simple"
id="clipboard-button-12"
id="reference-7"
title="Copy Pip command"
type="button"
>
<!---->
<svg
aria-hidden="true"
class="gl-button-icon gl-icon s16"
@ -211,21 +171,17 @@ exports[`PypiInstallation renders all the messages 1`] = `
href="file-mock#copy-to-clipboard"
/>
</svg>
<!---->
</button>
</span>
</div>
</div>
</div>
<!---->
<!---->
<small
class="form-text text-muted"
id="installation-pip-command-group__BV_description_"
id="reference-8"
tabindex="-1"
>
You will need a
You will need a
<a
class="gl-link"
data-testid="access-token-link"
@ -237,39 +193,31 @@ exports[`PypiInstallation renders all the messages 1`] = `
</small>
</div>
</fieldset>
<h3
class="gl-font-lg"
>
Registry setup
</h3>
<p>
If you haven't already done so, you will need to add the below to your
If you haven't already done so, you will need to add the below to your
<code>
.pypirc
</code>
file.
file.
</p>
<div
data-testid="pypi-setup-content"
>
<!---->
<div>
<pre
class="gl-font-monospace"
data-testid="multiline-instruction"
>
[gitlab]
repository = http://gdk.test:3000/api/v4/projects/1/packages/pypi
username = __token__
password = &lt;your personal access token&gt;
[gitlab]repository = http://gdk.test:3000/api/v4/projects/1/packages/pypiusername = __token__password = &lt;your personal access token&gt;
</pre>
</div>
</div>
For more information on the PyPi registry,
For more information on the PyPi registry,
<a
class="gl-link"
data-testid="pypi-docs-link"

47
spec/frontend/packages_and_registries/package_registry/components/list/__snapshots__/package_list_row_spec.js.snap
View File

@ -2,36 +2,35 @@
exports[`packages_list_row renders 1`] = `
<div
class="gl-display-flex gl-flex-direction-column gl-border-b-solid gl-border-t-solid gl-border-t-1 gl-border-b-1 gl-border-t-transparent gl-border-b-gray-100"
class="gl-border-b-1 gl-border-b-gray-100 gl-border-b-solid gl-border-t-1 gl-border-t-solid gl-border-t-transparent gl-display-flex gl-flex-direction-column"
data-testid="package-row"
>
<div
class="gl-display-flex gl-align-items-center gl-py-3"
class="gl-align-items-center gl-display-flex gl-py-3"
>
<div
class="gl-w-7 gl-display-flex gl-justify-content-start gl-pl-2"
class="gl-display-flex gl-justify-content-start gl-pl-2 gl-w-7"
>
<gl-form-checkbox-stub
class="gl-m-0"
id="2"
id="reference-0"
/>
</div>
<div
class="gl-display-flex gl-xs-flex-direction-column gl-justify-content-space-between gl-align-items-stretch gl-flex-grow-1"
class="gl-align-items-stretch gl-display-flex gl-flex-grow-1 gl-justify-content-space-between gl-xs-flex-direction-column"
>
<div
class="gl-display-flex gl-flex-direction-column gl-xs-mb-3 gl-min-w-0 gl-flex-grow-1"
class="gl-display-flex gl-flex-direction-column gl-flex-grow-1 gl-min-w-0 gl-xs-mb-3"
>
<div
class="gl-display-flex gl-align-items-center gl-text-body gl-font-weight-bold gl-min-h-6 gl-min-w-0"
class="gl-align-items-center gl-display-flex gl-font-weight-bold gl-min-h-6 gl-min-w-0 gl-text-body"
>
<div
class="gl-display-flex gl-align-items-center gl-mr-3 gl-min-w-0"
class="gl-align-items-center gl-display-flex gl-min-w-0 gl-mr-3"
>
<router-link-stub
ariacurrentvalue="page"
class="gl-text-body gl-min-w-0"
class="gl-min-w-0 gl-text-body"
data-testid="details-link"
event="click"
tag="a"
@ -42,18 +41,13 @@ exports[`packages_list_row renders 1`] = `
text="@gitlab-org/package-15"
/>
</router-link-stub>
<!---->
</div>
<!---->
</div>
<div
class="gl-display-flex gl-align-items-center gl-text-gray-500 gl-min-h-6 gl-min-w-0 gl-flex-grow-1"
class="gl-align-items-center gl-display-flex gl-flex-grow-1 gl-min-h-6 gl-min-w-0 gl-text-gray-500"
>
<div
class="gl-display-flex gl-align-items-center"
class="gl-align-items-center gl-display-flex"
data-testid="left-secondary-infos"
>
<gl-truncate-stub
@ -62,7 +56,6 @@ exports[`packages_list_row renders 1`] = `
text="1.0.0"
withtooltip="true"
/>
<span
class="gl-ml-2"
data-testid="package-type"
@ -72,25 +65,22 @@ exports[`packages_list_row renders 1`] = `
</div>
</div>
</div>
<div
class="gl-display-flex gl-flex-direction-column gl-sm-align-items-flex-end gl-justify-content-space-between gl-text-gray-500 gl-flex-shrink-0"
class="gl-display-flex gl-flex-direction-column gl-flex-shrink-0 gl-justify-content-space-between gl-sm-align-items-flex-end gl-text-gray-500"
>
<div
class="gl-display-flex gl-align-items-center gl-sm-text-body gl-sm-font-weight-bold gl-min-h-6"
class="gl-align-items-center gl-display-flex gl-min-h-6 gl-sm-font-weight-bold gl-sm-text-body"
>
<publish-method-stub />
</div>
<div
class="gl-display-flex gl-align-items-center gl-min-h-6"
class="gl-align-items-center gl-display-flex gl-min-h-6"
>
<span
data-testid="right-secondary"
>
Published
Published
<time
class=""
datetime="2020-05-17T14:23:32Z"
title="May 17, 2020 2:23pm UTC"
>
@ -100,9 +90,8 @@ exports[`packages_list_row renders 1`] = `
</div>
</div>
</div>
<div
class="gl-w-9 gl-display-flex gl-justify-content-end gl-pr-1"
class="gl-display-flex gl-justify-content-end gl-pr-1 gl-w-9"
>
<gl-disclosure-dropdown-stub
autoclose="true"
@ -125,15 +114,11 @@ exports[`packages_list_row renders 1`] = `
<span
class="gl-text-red-500"
>
Delete package
</span>
</gl-disclosure-dropdown-item-stub>
</gl-disclosure-dropdown-stub>
</div>
</div>
<!---->
</div>
`;

6
spec/frontend/packages_and_registries/package_registry/components/list/__snapshots__/publish_method_spec.js.snap
View File

@ -2,27 +2,24 @@
exports[`publish_method renders 1`] = `
<div
class="gl-display-flex gl-align-items-center"
class="gl-align-items-center gl-display-flex"
>
<gl-icon-stub
class="gl-mr-2"
name="git-merge"
size="16"
/>
<span
class="gl-mr-2"
data-testid="pipeline-ref"
>
master
</span>
<gl-icon-stub
class="gl-mr-2"
name="commit"
size="16"
/>
<gl-link-stub
class="gl-mr-2"
data-testid="pipeline-sha"
@ -30,7 +27,6 @@ exports[`publish_method renders 1`] = `
>
b83d6e39
</gl-link-stub>
<clipboard-button-stub
category="tertiary"
size="small"

2
spec/frontend/packages_and_registries/settings/project/settings/components/__snapshots__/container_expiration_policy_form_spec.js.snap
View File

@ -2,7 +2,7 @@
exports[`Container Expiration Policy Settings Form Cadence matches snapshot 1`] = `
<expiration-dropdown-stub
class="gl-mr-7 gl-mb-0!"
class="gl-mb-0! gl-mr-7"
data-testid="cadence-dropdown"
description=""
dropdownclass=""

6
spec/frontend/packages_and_registries/shared/components/__snapshots__/publish_method_spec.js.snap
View File

@ -2,27 +2,24 @@
exports[`publish_method renders 1`] = `
<div
class="gl-display-flex gl-align-items-center"
class="gl-align-items-center gl-display-flex"
>
<gl-icon-stub
class="gl-mr-2"
name="git-merge"
size="16"
/>
<span
class="gl-mr-2"
data-testid="pipeline-ref"
>
branch-name
</span>
<gl-icon-stub
class="gl-mr-2"
name="commit"
size="16"
/>
<gl-link-stub
class="gl-mr-2"
data-testid="pipeline-sha"
@ -30,7 +27,6 @@ exports[`publish_method renders 1`] = `
>
sha-baz
</gl-link-stub>
<clipboard-button-stub
category="tertiary"
size="small"

24
spec/frontend/packages_and_registries/shared/components/__snapshots__/registry_breadcrumb_spec.js.snap
View File

@ -12,34 +12,22 @@ exports[`Registry Breadcrumb when is not rootRoute renders 1`] = `
class="gl-breadcrumb-item"
>
<a
class=""
target="_self"
>
<!---->
<span>
</span>
<span />
</a>
</li>
<!---->
<li
class="gl-breadcrumb-item"
>
<a
aria-current="page"
class=""
href="#"
target="_self"
>
<!---->
<span>
</span>
<span />
</a>
</li>
<!---->
</ol>
</nav>
`;
@ -57,17 +45,11 @@ exports[`Registry Breadcrumb when is rootRoute renders 1`] = `
>
<a
aria-current="page"
class=""
target="_self"
>
<!---->
<span>
</span>
<span />
</a>
</li>
<!---->
</ol>
</nav>
`;

817
spec/frontend/pipelines/components/dag/__snapshots__/dag_graph_spec.js.snap
View File

@ -1,230 +1,743 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`The DAG graph in the basic case renders the graph svg 1`] = `
"<svg viewBox=\\"0,0,1000,540\\" width=\\"1000\\" height=\\"540\\">
<g fill=\\"none\\" stroke-opacity=\\"0.8\\">
<g id=\\"dag-link43\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad53\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"116\\" x2=\\"361.3333333333333\\">
<stop offset=\\"0%\\" stop-color=\\"#e17223\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#83ab4a\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip63\\">
<path d=\\"
<svg
height="540"
viewBox="0,0,1000,540"
width="1000"
>
<g
fill="none"
stroke-opacity="0.8"
>
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-0"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-1"
x1="116"
x2="361.3333333333333"
>
<stop
offset="0%"
stop-color="#e17223"
/>
<stop
offset="100%"
stop-color="#83ab4a"
/>
</lineargradient>
<clippath
id="reference-2"
>
<path
d="
M100, 129
V158
H377.3333333333333
V100
H100
Z
\\"></path>
</clipPath>
<path d=\\"M108,129L190,129L190,129L369.3333333333333,129\\" stroke=\\"url(#dag-grad53)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip63)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip63)"
d="M108,129L190,129L190,129L369.3333333333333,129"
stroke="url(#dag-grad53)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link44\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad54\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"377.3333333333333\\" x2=\\"622.6666666666666\\">
<stop offset=\\"0%\\" stop-color=\\"#83ab4a\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#6f3500\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip64\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-3"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-4"
x1="377.3333333333333"
x2="622.6666666666666"
>
<stop
offset="0%"
stop-color="#83ab4a"
/>
<stop
offset="100%"
stop-color="#6f3500"
/>
</lineargradient>
<clippath
id="reference-5"
>
<path
d="
M361.3333333333333, 129.0000000000002
V158.0000000000002
H638.6666666666666
V100
H361.3333333333333
Z
\\"></path>
</clipPath>
<path d=\\"M369.3333333333333,129L509.3333333333333,129L509.3333333333333,129.0000000000002L630.6666666666666,129.0000000000002\\" stroke=\\"url(#dag-grad54)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip64)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip64)"
d="M369.3333333333333,129L509.3333333333333,129L509.3333333333333,129.0000000000002L630.6666666666666,129.0000000000002"
stroke="url(#dag-grad54)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link45\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad55\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"116\\" x2=\\"622.6666666666666\\">
<stop offset=\\"0%\\" stop-color=\\"#5772ff\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#6f3500\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip65\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-6"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-7"
x1="116"
x2="622.6666666666666"
>
<stop
offset="0%"
stop-color="#5772ff"
/>
<stop
offset="100%"
stop-color="#6f3500"
/>
</lineargradient>
<clippath
id="reference-8"
>
<path
d="
M100, 187.0000000000002
V241.00000000000003
H638.6666666666666
V158.0000000000002
H100
Z
\\"></path>
</clipPath>
<path d=\\"M108,212.00000000000003L306,212.00000000000003L306,187.0000000000002L630.6666666666666,187.0000000000002\\" stroke=\\"url(#dag-grad55)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip65)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip65)"
d="M108,212.00000000000003L306,212.00000000000003L306,187.0000000000002L630.6666666666666,187.0000000000002"
stroke="url(#dag-grad55)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link46\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad56\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"116\\" x2=\\"361.3333333333333\\">
<stop offset=\\"0%\\" stop-color=\\"#b24800\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#006887\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip66\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-9"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-10"
x1="116"
x2="361.3333333333333"
>
<stop
offset="0%"
stop-color="#b24800"
/>
<stop
offset="100%"
stop-color="#006887"
/>
</lineargradient>
<clippath
id="reference-11"
>
<path
d="
M100, 269.9999999999998
V324
H377.3333333333333
V240.99999999999977
H100
Z
\\"></path>
</clipPath>
<path d=\\"M108,295L338.93333333333334,295L338.93333333333334,269.9999999999998L369.3333333333333,269.9999999999998\\" stroke=\\"url(#dag-grad56)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip66)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip66)"
d="M108,295L338.93333333333334,295L338.93333333333334,269.9999999999998L369.3333333333333,269.9999999999998"
stroke="url(#dag-grad56)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link47\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad57\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"116\\" x2=\\"361.3333333333333\\">
<stop offset=\\"0%\\" stop-color=\\"#25d2d2\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#487900\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip67\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-12"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-13"
x1="116"
x2="361.3333333333333"
>
<stop
offset="0%"
stop-color="#25d2d2"
/>
<stop
offset="100%"
stop-color="#487900"
/>
</lineargradient>
<clippath
id="reference-14"
>
<path
d="
M100, 352.99999999999994
V407.00000000000006
H377.3333333333333
V323.99999999999994
H100
Z
\\"></path>
</clipPath>
<path d=\\"M108,378.00000000000006L144.66666666666669,378.00000000000006L144.66666666666669,352.99999999999994L369.3333333333333,352.99999999999994\\" stroke=\\"url(#dag-grad57)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip67)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip67)"
d="M108,378.00000000000006L144.66666666666669,378.00000000000006L144.66666666666669,352.99999999999994L369.3333333333333,352.99999999999994"
stroke="url(#dag-grad57)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link48\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad58\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"377.3333333333333\\" x2=\\"622.6666666666666\\">
<stop offset=\\"0%\\" stop-color=\\"#006887\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#d84280\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip68\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-15"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-16"
x1="377.3333333333333"
x2="622.6666666666666"
>
<stop
offset="0%"
stop-color="#006887"
/>
<stop
offset="100%"
stop-color="#d84280"
/>
</lineargradient>
<clippath
id="reference-17"
>
<path
d="
M361.3333333333333, 270.0000000000001
V299.0000000000001
H638.6666666666666
V240.99999999999977
H361.3333333333333
Z
\\"></path>
</clipPath>
<path d=\\"M369.3333333333333,269.9999999999998L464,269.9999999999998L464,270.0000000000001L630.6666666666666,270.0000000000001\\" stroke=\\"url(#dag-grad58)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip68)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip68)"
d="M369.3333333333333,269.9999999999998L464,269.9999999999998L464,270.0000000000001L630.6666666666666,270.0000000000001"
stroke="url(#dag-grad58)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link49\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad59\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"377.3333333333333\\" x2=\\"622.6666666666666\\">
<stop offset=\\"0%\\" stop-color=\\"#487900\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#d84280\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip69\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-18"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-19"
x1="377.3333333333333"
x2="622.6666666666666"
>
<stop
offset="0%"
stop-color="#487900"
/>
<stop
offset="100%"
stop-color="#d84280"
/>
</lineargradient>
<clippath
id="reference-20"
>
<path
d="
M361.3333333333333, 328.0000000000001
V381.99999999999994
H638.6666666666666
V299.0000000000001
H361.3333333333333
Z
\\"></path>
</clipPath>
<path d=\\"M369.3333333333333,352.99999999999994L522,352.99999999999994L522,328.0000000000001L630.6666666666666,328.0000000000001\\" stroke=\\"url(#dag-grad59)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip69)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip69)"
d="M369.3333333333333,352.99999999999994L522,352.99999999999994L522,328.0000000000001L630.6666666666666,328.0000000000001"
stroke="url(#dag-grad59)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link50\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad60\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"377.3333333333333\\" x2=\\"622.6666666666666\\">
<stop offset=\\"0%\\" stop-color=\\"#487900\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#3547de\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip70\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-21"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-22"
x1="377.3333333333333"
x2="622.6666666666666"
>
<stop
offset="0%"
stop-color="#487900"
/>
<stop
offset="100%"
stop-color="#3547de"
/>
</lineargradient>
<clippath
id="reference-23"
>
<path
d="
M361.3333333333333, 411
V440
H638.6666666666666
V381.99999999999994
H361.3333333333333
Z
\\"></path>
</clipPath>
<path d=\\"M369.3333333333333,410.99999999999994L580,410.99999999999994L580,411L630.6666666666666,411\\" stroke=\\"url(#dag-grad60)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip70)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip70)"
d="M369.3333333333333,410.99999999999994L580,410.99999999999994L580,411L630.6666666666666,411"
stroke="url(#dag-grad60)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link51\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad61\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"638.6666666666666\\" x2=\\"884\\">
<stop offset=\\"0%\\" stop-color=\\"#d84280\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#006887\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip71\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-24"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-25"
x1="638.6666666666666"
x2="884"
>
<stop
offset="0%"
stop-color="#d84280"
/>
<stop
offset="100%"
stop-color="#006887"
/>
</lineargradient>
<clippath
id="reference-26"
>
<path
d="
M622.6666666666666, 270.1890725105691
V299.1890725105691
H900
V241.0000000000001
H622.6666666666666
Z
\\"></path>
</clipPath>
<path d=\\"M630.6666666666666,270.0000000000001L861.6,270.0000000000001L861.6,270.1890725105691L892,270.1890725105691\\" stroke=\\"url(#dag-grad61)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip71)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip71)"
d="M630.6666666666666,270.0000000000001L861.6,270.0000000000001L861.6,270.1890725105691L892,270.1890725105691"
stroke="url(#dag-grad61)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
<g id=\\"dag-link52\\" class=\\"dag-link gl-transition-property-stroke-opacity gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\">
<linearGradient id=\\"dag-grad62\\" gradientUnits=\\"userSpaceOnUse\\" x1=\\"638.6666666666666\\" x2=\\"884\\">
<stop offset=\\"0%\\" stop-color=\\"#3547de\\"></stop>
<stop offset=\\"100%\\" stop-color=\\"#275600\\"></stop>
</linearGradient>
<clipPath id=\\"dag-clip72\\">
<path d=\\"
<g
class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
id="reference-27"
>
<lineargradient
gradientUnits="userSpaceOnUse"
id="reference-28"
x1="638.6666666666666"
x2="884"
>
<stop
offset="0%"
stop-color="#3547de"
/>
<stop
offset="100%"
stop-color="#275600"
/>
</lineargradient>
<clippath
id="reference-29"
>
<path
d="
M622.6666666666666, 411
V440
H900
V382
H622.6666666666666
Z
\\"></path>
</clipPath>
<path d=\\"M630.6666666666666,411L679.9999999999999,411L679.9999999999999,411L892,411\\" stroke=\\"url(#dag-grad62)\\" style=\\"stroke-linejoin: round;\\" stroke-width=\\"56\\" clip-path=\\"url(#dag-clip72)\\"></path>
"
/>
</clippath>
<path
clip-path="url(#dag-clip72)"
d="M630.6666666666666,411L679.9999999999999,411L679.9999999999999,411L892,411"
stroke="url(#dag-grad62)"
stroke-width="56"
style="stroke-linejoin: round;"
/>
</g>
</g>
<g>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node73\\" stroke=\\"#e17223\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"108\\" x2=\\"108\\" y1=\\"104\\" y2=\\"154.00000000000003\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node74\\" stroke=\\"#83ab4a\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"369\\" x2=\\"369\\" y1=\\"104\\" y2=\\"154\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node75\\" stroke=\\"#5772ff\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"108\\" x2=\\"108\\" y1=\\"187.00000000000003\\" y2=\\"237.00000000000003\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node76\\" stroke=\\"#b24800\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"108\\" x2=\\"108\\" y1=\\"270\\" y2=\\"320.00000000000006\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node77\\" stroke=\\"#25d2d2\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"108\\" x2=\\"108\\" y1=\\"353.00000000000006\\" y2=\\"403.0000000000001\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node78\\" stroke=\\"#6f3500\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"630\\" x2=\\"630\\" y1=\\"104.0000000000002\\" y2=\\"212.00000000000009\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node79\\" stroke=\\"#006887\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"369\\" x2=\\"369\\" y1=\\"244.99999999999977\\" y2=\\"294.99999999999994\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node80\\" stroke=\\"#487900\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"369\\" x2=\\"369\\" y1=\\"327.99999999999994\\" y2=\\"436\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node81\\" stroke=\\"#d84280\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"630\\" x2=\\"630\\" y1=\\"245.00000000000009\\" y2=\\"353\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node82\\" stroke=\\"#3547de\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"630\\" x2=\\"630\\" y1=\\"386\\" y2=\\"436\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node83\\" stroke=\\"#006887\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"892\\" x2=\\"892\\" y1=\\"245.18907251056908\\" y2=\\"295.1890725105691\\"></line>
<line class=\\"dag-node gl-transition-property-stroke gl-cursor-pointer gl-transition-duration-slow gl-transition-timing-function-ease\\" id=\\"dag-node84\\" stroke=\\"#275600\\" stroke-width=\\"16\\" stroke-linecap=\\"round\\" x1=\\"892\\" x2=\\"892\\" y1=\\"386\\" y2=\\"436\\"></line>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-30"
stroke="#e17223"
stroke-linecap="round"
stroke-width="16"
x1="108"
x2="108"
y1="104"
y2="154.00000000000003"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-31"
stroke="#83ab4a"
stroke-linecap="round"
stroke-width="16"
x1="369"
x2="369"
y1="104"
y2="154"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-32"
stroke="#5772ff"
stroke-linecap="round"
stroke-width="16"
x1="108"
x2="108"
y1="187.00000000000003"
y2="237.00000000000003"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-33"
stroke="#b24800"
stroke-linecap="round"
stroke-width="16"
x1="108"
x2="108"
y1="270"
y2="320.00000000000006"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-34"
stroke="#25d2d2"
stroke-linecap="round"
stroke-width="16"
x1="108"
x2="108"
y1="353.00000000000006"
y2="403.0000000000001"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-35"
stroke="#6f3500"
stroke-linecap="round"
stroke-width="16"
x1="630"
x2="630"
y1="104.0000000000002"
y2="212.00000000000009"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-36"
stroke="#006887"
stroke-linecap="round"
stroke-width="16"
x1="369"
x2="369"
y1="244.99999999999977"
y2="294.99999999999994"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-37"
stroke="#487900"
stroke-linecap="round"
stroke-width="16"
x1="369"
x2="369"
y1="327.99999999999994"
y2="436"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-38"
stroke="#d84280"
stroke-linecap="round"
stroke-width="16"
x1="630"
x2="630"
y1="245.00000000000009"
y2="353"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-39"
stroke="#3547de"
stroke-linecap="round"
stroke-width="16"
x1="630"
x2="630"
y1="386"
y2="436"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-40"
stroke="#006887"
stroke-linecap="round"
stroke-width="16"
x1="892"
x2="892"
y1="245.18907251056908"
y2="295.1890725105691"
/>
<line
class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
id="reference-41"
stroke="#275600"
stroke-linecap="round"
stroke-width="16"
x1="892"
x2="892"
y1="386"
y2="436"
/>
</g>
<g class=\\"gl-font-sm\\">
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"58.00000000000003px\\" width=\\"84\\" x=\\"8\\" y=\\"100\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 58.00000000000003px; text-align: right;\\">build_a</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"25px\\" width=\\"84\\" x=\\"369.3333333333333\\" y=\\"75\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 25px; text-align: left;\\">test_a</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"58px\\" width=\\"84\\" x=\\"8\\" y=\\"183.00000000000003\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 58px; text-align: right;\\">test_b</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"58.00000000000006px\\" width=\\"84\\" x=\\"8\\" y=\\"266\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 58.00000000000006px; text-align: right;\\">post_test_a</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"58.00000000000006px\\" width=\\"84\\" x=\\"8\\" y=\\"349.00000000000006\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 58.00000000000006px; text-align: right;\\">post_test_b</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"25px\\" width=\\"84\\" x=\\"630.6666666666666\\" y=\\"75.0000000000002\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 25px; text-align: right;\\">post_test_c</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"25px\\" width=\\"84\\" x=\\"369.3333333333333\\" y=\\"215.99999999999977\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 25px; text-align: left;\\">staging_a</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"25px\\" width=\\"84\\" x=\\"369.3333333333333\\" y=\\"298.99999999999994\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 25px; text-align: left;\\">staging_b</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"25px\\" width=\\"84\\" x=\\"630.6666666666666\\" y=\\"216.00000000000009\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 25px; text-align: right;\\">canary_a</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"25px\\" width=\\"84\\" x=\\"630.6666666666666\\" y=\\"357\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 25px; text-align: right;\\">canary_c</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"58px\\" width=\\"84\\" x=\\"908\\" y=\\"241.18907251056908\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 58px; text-align: left;\\">production_a</div>
</foreignObject>
<foreignObject requiredFeatures=\\"http://www.w3.org/TR/SVG11/feature#Extensibility\\" height=\\"58px\\" width=\\"84\\" x=\\"908\\" y=\\"382\\" class=\\"gl-overflow-visible\\">
<div class=\\"gl-display-flex gl-pointer-events-none gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break\\" style=\\"height: 58px; text-align: left;\\">production_d</div>
</foreignObject>
<g
class="gl-font-sm"
>
<foreignobject
class="gl-overflow-visible"
height="58.00000000000003px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="8"
y="100"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 58.00000000000003px; text-align: right;"
>
build_a
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="25px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="369.3333333333333"
y="75"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 25px; text-align: left;"
>
test_a
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="58px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="8"
y="183.00000000000003"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 58px; text-align: right;"
>
test_b
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="58.00000000000006px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="8"
y="266"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 58.00000000000006px; text-align: right;"
>
post_test_a
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="58.00000000000006px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="8"
y="349.00000000000006"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 58.00000000000006px; text-align: right;"
>
post_test_b
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="25px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="630.6666666666666"
y="75.0000000000002"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 25px; text-align: right;"
>
post_test_c
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="25px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="369.3333333333333"
y="215.99999999999977"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 25px; text-align: left;"
>
staging_a
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="25px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="369.3333333333333"
y="298.99999999999994"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 25px; text-align: left;"
>
staging_b
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="25px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="630.6666666666666"
y="216.00000000000009"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 25px; text-align: right;"
>
canary_a
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="25px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="630.6666666666666"
y="357"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 25px; text-align: right;"
>
canary_c
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="58px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="908"
y="241.18907251056908"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 58px; text-align: left;"
>
production_a
</div>
</foreignobject>
<foreignobject
class="gl-overflow-visible"
height="58px"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
width="84"
x="908"
y="382"
>
<div
class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
style="height: 58px; text-align: left;"
>
production_d
</div>
</foreignobject>
</g>
</svg>"
</svg>
`;

114
spec/frontend/pipelines/graph_shared/__snapshots__/links_inner_spec.js.snap
View File

@ -1,30 +1,110 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Links Inner component with a large number of needs matches snapshot and has expected path 1`] = `
"<div class=\\"gl-display-flex gl-relative\\" totalgroups=\\"10\\"><svg id=\\"link-svg\\" viewBox=\\"0,0,1019,445\\" width=\\"1019px\\" height=\\"445px\\" class=\\"gl-absolute gl-pointer-events-none\\">
<path d=\\"M202,118C52,118,52,138,102,138\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
<path d=\\"M202,118C62,118,62,148,112,148\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
<path d=\\"M222,138C72,138,72,158,122,158\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
<path d=\\"M212,128C82,128,82,168,132,168\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
<path d=\\"M232,148C92,148,92,178,142,178\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
</svg> </div>"
<div
class="gl-display-flex gl-relative"
totalgroups="10"
>
<svg
class="gl-absolute gl-pointer-events-none"
height="445px"
id="reference-0"
viewBox="0,0,1019,445"
width="1019px"
>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M202,118C52,118,52,138,102,138"
stroke-width="2"
/>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M202,118C62,118,62,148,112,148"
stroke-width="2"
/>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M222,138C72,138,72,158,122,158"
stroke-width="2"
/>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M212,128C82,128,82,168,132,168"
stroke-width="2"
/>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M232,148C92,148,92,178,142,178"
stroke-width="2"
/>
</svg>
</div>
`;
exports[`Links Inner component with a parallel need matches snapshot and has expected path 1`] = `
"<div class=\\"gl-display-flex gl-relative\\" totalgroups=\\"10\\"><svg id=\\"link-svg\\" viewBox=\\"0,0,1019,445\\" width=\\"1019px\\" height=\\"445px\\" class=\\"gl-absolute gl-pointer-events-none\\">
<path d=\\"M192,108C32,108,32,118,82,118\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
</svg> </div>"
<div
class="gl-display-flex gl-relative"
totalgroups="10"
>
<svg
class="gl-absolute gl-pointer-events-none"
height="445px"
id="reference-0"
viewBox="0,0,1019,445"
width="1019px"
>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M192,108C32,108,32,118,82,118"
stroke-width="2"
/>
</svg>
</div>
`;
exports[`Links Inner component with one need matches snapshot and has expected path 1`] = `
"<div class=\\"gl-display-flex gl-relative\\" totalgroups=\\"10\\"><svg id=\\"link-svg\\" viewBox=\\"0,0,1019,445\\" width=\\"1019px\\" height=\\"445px\\" class=\\"gl-absolute gl-pointer-events-none\\">
<path d=\\"M202,118C52,118,52,138,102,138\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
</svg> </div>"
<div
class="gl-display-flex gl-relative"
totalgroups="10"
>
<svg
class="gl-absolute gl-pointer-events-none"
height="445px"
id="reference-0"
viewBox="0,0,1019,445"
width="1019px"
>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M202,118C52,118,52,138,102,138"
stroke-width="2"
/>
</svg>
</div>
`;
exports[`Links Inner component with same stage needs matches snapshot and has expected path 1`] = `
"<div class=\\"gl-display-flex gl-relative\\" totalgroups=\\"10\\"><svg id=\\"link-svg\\" viewBox=\\"0,0,1019,445\\" width=\\"1019px\\" height=\\"445px\\" class=\\"gl-absolute gl-pointer-events-none\\">
<path d=\\"M192,108C32,108,32,118,82,118\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
<path d=\\"M202,118C42,118,42,128,92,128\\" stroke-width=\\"2\\" class=\\"gl-fill-transparent gl-transition-duration-slow gl-transition-timing-function-ease gl-stroke-gray-200\\"></path>
</svg> </div>"
<div
class="gl-display-flex gl-relative"
totalgroups="10"
>
<svg
class="gl-absolute gl-pointer-events-none"
height="445px"
id="reference-0"
viewBox="0,0,1019,445"
width="1019px"
>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M192,108C32,108,32,118,82,118"
stroke-width="2"
/>
<path
class="gl-fill-transparent gl-stroke-gray-200 gl-transition-duration-slow gl-transition-timing-function-ease"
d="M202,118C42,118,42,128,92,128"
stroke-width="2"
/>
</svg>
</div>
`;

210
spec/frontend/profile/preferences/components/__snapshots__/diffs_colors_preview_spec.js.snap
View File

@ -7,7 +7,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
<label>
Preview
</label>
<table
class="code"
>
@ -16,71 +15,66 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="1"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span
class="c1"
>
#
#
<span
class="idiff deletion"
class="deletion idiff"
>
Removed
</span>
content
content
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="1"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span
class="c1"
>
#
#
<span
class="idiff addition"
class="addition idiff"
>
Added
</span>
content
content
</span>
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="2"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span
@ -88,13 +82,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
v
</span>
<span
class="o"
>
=
</span>
<span
class="mi"
>
@ -102,17 +94,15 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="2"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span
@ -120,13 +110,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
v
</span>
<span
class="o"
>
=
</span>
<span
class="mi"
>
@ -135,20 +123,18 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="3"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span
@ -156,13 +142,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
s
</span>
<span
class="o"
>
=
</span>
<span
class="s"
>
@ -170,17 +154,15 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="3"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span
@ -188,13 +170,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
s
</span>
<span
class="o"
>
=
</span>
<span
class="s"
>
@ -203,52 +183,46 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="4"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span />
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="4"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span />
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="5"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span
@ -256,19 +230,16 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
for
</span>
<span
class="n"
>
i
</span>
<span
class="ow"
>
in
</span>
<span
class="nb"
>
@ -294,7 +265,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
,
</span>
<span
class="mi"
>
@ -307,17 +277,15 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="5"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span
@ -325,19 +293,16 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
for
</span>
<span
class="n"
>
i
</span>
<span
class="ow"
>
in
</span>
<span
class="nb"
>
@ -363,7 +328,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
,
</span>
<span
class="mi"
>
@ -377,25 +341,21 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="6"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span>
</span>
<span />
<span
class="k"
>
@ -411,13 +371,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
i
</span>
<span
class="o"
>
+
</span>
<span
class="mi"
>
@ -430,22 +388,18 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="6"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span>
</span>
<span />
<span
class="k"
>
@ -461,13 +415,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
i
</span>
<span
class="o"
>
+
</span>
<span
class="mi"
>
@ -481,52 +433,46 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="7"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span />
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="7"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span />
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="8"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span
@ -534,7 +480,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
class
</span>
<span
class="nc"
>
@ -557,17 +502,15 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="8"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span
@ -575,7 +518,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
class
</span>
<span
class="nc"
>
@ -599,31 +541,26 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="9"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span>
</span>
<span />
<span
class="k"
>
def
</span>
<span
class="nf"
>
@ -644,7 +581,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
,
</span>
<span
class="n"
>
@ -657,28 +593,23 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="9"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span>
</span>
<span />
<span
class="k"
>
def
</span>
<span
class="nf"
>
@ -699,7 +630,6 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
,
</span>
<span
class="n"
>
@ -713,25 +643,21 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="10"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span>
</span>
<span />
<span
class="bp"
>
@ -747,13 +673,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
val
</span>
<span
class="o"
>
=
</span>
<span
class="n"
>
@ -761,22 +685,18 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="10"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span>
</span>
<span />
<span
class="bp"
>
@ -792,13 +712,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
val
</span>
<span
class="o"
>
=
</span>
<span
class="n"
>
@ -807,25 +725,21 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</td>
</tr>
<tr
class="line_holder parallel"
>
<td
class="old_line diff-line-num old"
class="diff-line-num old old_line"
>
<a
data-linenumber="11"
/>
</td>
<td
class="line_content parallel left-side old"
class="left-side line_content old parallel"
>
<span>
<span>
</span>
<span />
<span
class="bp"
>
@ -841,13 +755,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
next
</span>
<span
class="o"
>
=
</span>
<span
class="bp"
>
@ -855,22 +767,18 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
</span>
</span>
</td>
<td
class="new_line diff-line-num new"
class="diff-line-num new new_line"
>
<a
data-linenumber="11"
/>
</td>
<td
class="line_content parallel right-side new"
class="line_content new parallel right-side"
>
<span>
<span>
</span>
<span />
<span
class="bp"
>
@ -886,13 +794,11 @@ exports[`DiffsColorsPreview component renders diff colors preview 1`] = `
>
next
</span>
<span
class="o"
>
=
</span>
<span
class="bp"
>

3
spec/frontend/projects/components/__snapshots__/project_delete_button_spec.js.snap
View File

@ -10,12 +10,10 @@ exports[`Project remove modal initialized matches the snapshot 1`] = `
type="hidden"
value="delete"
/>
<input
name="authenticity_token"
type="hidden"
/>
<delete-modal-stub
confirmphrase="foo"
forkscount="3"
@ -23,7 +21,6 @@ exports[`Project remove modal initialized matches the snapshot 1`] = `
mergerequestscount="2"
starscount="4"
/>
<gl-button-stub
buttontextclasses=""
category="primary"

1
spec/frontend/projects/pipelines/charts/components/__snapshots__/ci_cd_analytics_area_chart_spec.js.snap
View File

@ -7,7 +7,6 @@ exports[`CiCdAnalyticsAreaChart matches the snapshot 1`] = `
<p>
Some title
</p>
<glareachart-stub
annotations=""
data="[object Object],[object Object]"

8
spec/frontend/projects/pipelines/charts/components/__snapshots__/statistics_list_spec.js.snap
View File

@ -6,7 +6,6 @@ exports[`StatisticsList displays the counts data with labels 1`] = `
<span>
Total:
</span>
<strong>
4 pipelines
</strong>
@ -15,7 +14,6 @@ exports[`StatisticsList displays the counts data with labels 1`] = `
<span>
Successful:
</span>
<strong>
2 pipelines
</strong>
@ -24,20 +22,16 @@ exports[`StatisticsList displays the counts data with labels 1`] = `
<span>
Failed:
</span>
<gl-link-stub
href="/flightjs/Flight/-/pipelines?page=1&scope=all&status=failed"
>
2 pipelines
2 pipelines
</gl-link-stub>
</li>
<li>
<span>
Success ratio:
</span>
<strong>
50.00%
</strong>

48
spec/frontend/releases/__snapshots__/util_spec.js.snap
View File

@ -54,7 +54,19 @@ Object {
},
"commitPath": "http://localhost/releases-namespace/releases-project/-/commit/b83d6e391c22777fca1ed3012fce84f633d7fed0",
"createdAt": 2019-01-03T00:00:00.000Z,
"descriptionHtml": "<p data-sourcepos=\\"1:1-1:23\\" dir=\\"auto\\">An okay release <gl-emoji title=\\"shrug\\" data-name=\\"shrug\\" data-unicode-version=\\"9.0\\">🤷</gl-emoji></p>",
"descriptionHtml": <p
data-sourcepos="1:1-1:23"
dir="auto"
>
An okay release
<gl-emoji
data-name="shrug"
data-unicode-version="9.0"
title="shrug"
>
🤷
</gl-emoji>
</p>,
"evidences": Array [],
"historicalRelease": false,
"milestones": Array [],
@ -148,7 +160,22 @@ Object {
},
"commitPath": "http://localhost/releases-namespace/releases-project/-/commit/b83d6e391c22777fca1ed3012fce84f633d7fed0",
"createdAt": 2018-12-03T00:00:00.000Z,
"descriptionHtml": "<p data-sourcepos=\\"1:1-1:33\\" dir=\\"auto\\">Best. Release. <strong>Ever.</strong> <gl-emoji title=\\"rocket\\" data-name=\\"rocket\\" data-unicode-version=\\"6.0\\">🚀</gl-emoji></p>",
"descriptionHtml": <p
data-sourcepos="1:1-1:33"
dir="auto"
>
Best. Release.
<strong>
Ever.
</strong>
<gl-emoji
data-name="rocket"
data-unicode-version="6.0"
title="rocket"
>
🚀
</gl-emoji>
</p>,
"evidences": Array [
Object {
"__typename": "ReleaseEvidence",
@ -368,7 +395,22 @@ Object {
},
"commitPath": "http://localhost/releases-namespace/releases-project/-/commit/b83d6e391c22777fca1ed3012fce84f633d7fed0",
"createdAt": 2018-12-03T00:00:00.000Z,
"descriptionHtml": "<p data-sourcepos=\\"1:1-1:33\\" dir=\\"auto\\">Best. Release. <strong>Ever.</strong> <gl-emoji title=\\"rocket\\" data-name=\\"rocket\\" data-unicode-version=\\"6.0\\">🚀</gl-emoji></p>",
"descriptionHtml": <p
data-sourcepos="1:1-1:33"
dir="auto"
>
Best. Release.
<strong>
Ever.
</strong>
<gl-emoji
data-name="rocket"
data-unicode-version="6.0"
title="rocket"
>
🚀
</gl-emoji>
</p>,
"evidences": Array [
Object {
"__typename": "ReleaseEvidence",

67
spec/frontend/releases/components/__snapshots__/issuable_stats_spec.js.snap
View File

@ -1,9 +1,68 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`~/releases/components/issuable_stats.vue matches snapshot 1`] = `
"<div class=\\"gl-display-flex gl-flex-direction-column gl-flex-shrink-0 gl-mr-6 gl-mb-5\\"><span class=\\"gl-mb-2\\">
<div
class="gl-display-flex gl-flex-direction-column gl-flex-shrink-0 gl-mb-5 gl-mr-6"
>
<span
class="gl-mb-2"
>
Items
<span class=\\"badge badge-muted badge-pill gl-badge sm\\"><!----> 10</span></span>
<div class=\\"gl-display-flex\\"><span data-testid=\\"open-stat\\" class=\\"gl-white-space-pre-wrap\\">Open: <a href=\\"path/to/opened/items\\" class=\\"gl-link\\">1</a></span> <span class=\\"gl-mx-2\\">•</span> <span data-testid=\\"merged-stat\\" class=\\"gl-white-space-pre-wrap\\">Merged: <a href=\\"path/to/merged/items\\" class=\\"gl-link\\">7</a></span> <span class=\\"gl-mx-2\\">•</span> <span data-testid=\\"closed-stat\\" class=\\"gl-white-space-pre-wrap\\">Closed: <a href=\\"path/to/closed/items\\" class=\\"gl-link\\">2</a></span></div>
</div>"
<span
class="badge badge-muted badge-pill gl-badge sm"
>
10
</span>
</span>
<div
class="gl-display-flex"
>
<span
class="gl-white-space-pre-wrap"
data-testid="open-stat"
>
Open:
<a
class="gl-link"
href="path/to/opened/items"
>
1
</a>
</span>
<span
class="gl-mx-2"
>
•
</span>
<span
class="gl-white-space-pre-wrap"
data-testid="merged-stat"
>
Merged:
<a
class="gl-link"
href="path/to/merged/items"
>
7
</a>
</span>
<span
class="gl-mx-2"
>
•
</span>
<span
class="gl-white-space-pre-wrap"
data-testid="closed-stat"
>
Closed:
<a
class="gl-link"
href="path/to/closed/items"
>
2
</a>
</span>
</div>
</div>
`;

18
spec/frontend/repository/components/__snapshots__/directory_download_links_spec.js.snap
View File

@ -2,14 +2,13 @@
exports[`Repository directory download links component renders downloads links for path app 1`] = `
<section
class="border-top pt-1 mt-1"
class="border-top mt-1 pt-1"
>
<h5
class="m-0 dropdown-bold-header"
class="dropdown-bold-header m-0"
>
Download this directory
</h5>
<div
class="dropdown-menu-content"
>
@ -24,9 +23,7 @@ exports[`Repository directory download links component renders downloads links f
size="small"
variant="confirm"
>
zip
</gl-button-stub>
<gl-button-stub
buttontextclasses=""
@ -36,9 +33,7 @@ exports[`Repository directory download links component renders downloads links f
size="small"
variant="default"
>
tar
</gl-button-stub>
</div>
</div>
@ -47,14 +42,13 @@ exports[`Repository directory download links component renders downloads links f
exports[`Repository directory download links component renders downloads links for path app/assets 1`] = `
<section
class="border-top pt-1 mt-1"
class="border-top mt-1 pt-1"
>
<h5
class="m-0 dropdown-bold-header"
class="dropdown-bold-header m-0"
>
Download this directory
</h5>
<div
class="dropdown-menu-content"
>
@ -69,9 +63,7 @@ exports[`Repository directory download links component renders downloads links f
size="small"
variant="confirm"
>
zip
</gl-button-stub>
<gl-button-stub
buttontextclasses=""
@ -81,9 +73,7 @@ exports[`Repository directory download links component renders downloads links f
size="small"
variant="default"
>
tar
</gl-button-stub>
</div>
</div>

27
spec/frontend/repository/components/__snapshots__/last_commit_spec.js.snap
View File

@ -2,10 +2,10 @@
exports[`Repository last commit component renders commit widget 1`] = `
<div
class="well-segment commit gl-p-5 gl-w-full gl-display-flex"
class="commit gl-display-flex gl-p-5 gl-w-full well-segment"
>
<user-avatar-link-stub
class="gl-my-2 gl-mr-4"
class="gl-mr-4 gl-my-2"
imgalt=""
imgcssclasses=""
imgcsswrapperclasses=""
@ -18,9 +18,8 @@ exports[`Repository last commit component renders commit widget 1`] = `
tooltiptext=""
username=""
/>
<div
class="commit-detail flex-list gl-display-flex gl-justify-content-space-between gl-align-items-center gl-flex-grow-1 gl-min-w-0"
class="commit-detail flex-list gl-align-items-center gl-display-flex gl-flex-grow-1 gl-justify-content-space-between gl-min-w-0"
>
<div
class="commit-content"
@ -32,9 +31,6 @@ exports[`Repository last commit component renders commit widget 1`] = `
>
Commit title
</gl-link-stub>
<!---->
<div
class="committer"
>
@ -42,12 +38,9 @@ exports[`Repository last commit component renders commit widget 1`] = `
class="commit-author-link js-user-link"
href="/test"
>
Test
Test
</gl-link-stub>
authored
authored
<timeago-tooltip-stub
cssclass=""
datetimeformat="DATE_WITH_TIME_FORMAT"
@ -55,19 +48,13 @@ exports[`Repository last commit component renders commit widget 1`] = `
tooltipplacement="bottom"
/>
</div>
<!---->
</div>
<div
class="gl-flex-grow-1"
/>
<div
class="commit-actions gl-display-flex gl-flex-align gl-align-items-center gl-flex-direction-row"
class="commit-actions gl-align-items-center gl-display-flex gl-flex-align gl-flex-direction-row"
>
<!---->
<div
class="ci-status-link"
>
@ -84,7 +71,6 @@ exports[`Repository last commit component renders commit widget 1`] = `
/>
</gl-link-stub>
</div>
<gl-button-group-stub
class="gl-ml-4 js-commit-sha-group"
>
@ -100,7 +86,6 @@ exports[`Repository last commit component renders commit widget 1`] = `
>
12345678
</gl-button-stub>
<clipboard-button-stub
category="secondary"
class="input-group-text"

72
spec/frontend/repository/components/table/__snapshots__/row_spec.js.snap
View File

@ -5,10 +5,10 @@ exports[`Repository table row component renders a symlink table row 1`] = `
class="tree-item"
>
<td
class="tree-item-file-name cursor-default position-relative"
class="cursor-default position-relative tree-item-file-name"
>
<a
class="tree-item-link str-truncated"
class="str-truncated tree-item-link"
data-qa-selector="file_name_link"
href="https://test.com"
title="test"
@ -26,11 +26,6 @@ exports[`Repository table row component renders a symlink table row 1`] = `
test
</span>
</a>
<!---->
<!---->
<gl-icon-stub
class="ml-1"
name="lock"
@ -38,21 +33,16 @@ exports[`Repository table row component renders a symlink table row 1`] = `
title="Locked by Root"
/>
</td>
<td
class="d-none d-sm-table-cell tree-commit cursor-default gl-text-secondary"
class="cursor-default d-none d-sm-table-cell gl-text-secondary tree-commit"
>
<gl-link-stub
class="str-truncated-100 tree-commit-link gl-text-secondary"
class="gl-text-secondary str-truncated-100 tree-commit-link"
/>
<gl-intersection-observer-stub>
<!---->
</gl-intersection-observer-stub>
<gl-intersection-observer-stub />
</td>
<td
class="tree-time-ago text-right cursor-default gl-text-secondary"
class="cursor-default gl-text-secondary text-right tree-time-ago"
>
<gl-intersection-observer-stub>
<timeago-tooltip-stub
@ -62,8 +52,6 @@ exports[`Repository table row component renders a symlink table row 1`] = `
tooltipplacement="top"
/>
</gl-intersection-observer-stub>
<!---->
</td>
</tr>
`;
@ -73,10 +61,10 @@ exports[`Repository table row component renders table row 1`] = `
class="tree-item"
>
<td
class="tree-item-file-name cursor-default position-relative"
class="cursor-default position-relative tree-item-file-name"
>
<a
class="tree-item-link str-truncated"
class="str-truncated tree-item-link"
data-qa-selector="file_name_link"
href="https://test.com"
title="test"
@ -94,11 +82,6 @@ exports[`Repository table row component renders table row 1`] = `
test
</span>
</a>
<!---->
<!---->
<gl-icon-stub
class="ml-1"
name="lock"
@ -106,21 +89,16 @@ exports[`Repository table row component renders table row 1`] = `
title="Locked by Root"
/>
</td>
<td
class="d-none d-sm-table-cell tree-commit cursor-default gl-text-secondary"
class="cursor-default d-none d-sm-table-cell gl-text-secondary tree-commit"
>
<gl-link-stub
class="str-truncated-100 tree-commit-link gl-text-secondary"
class="gl-text-secondary str-truncated-100 tree-commit-link"
/>
<gl-intersection-observer-stub>
<!---->
</gl-intersection-observer-stub>
<gl-intersection-observer-stub />
</td>
<td
class="tree-time-ago text-right cursor-default gl-text-secondary"
class="cursor-default gl-text-secondary text-right tree-time-ago"
>
<gl-intersection-observer-stub>
<timeago-tooltip-stub
@ -130,8 +108,6 @@ exports[`Repository table row component renders table row 1`] = `
tooltipplacement="top"
/>
</gl-intersection-observer-stub>
<!---->
</td>
</tr>
`;
@ -141,10 +117,10 @@ exports[`Repository table row component renders table row for path with special
class="tree-item"
>
<td
class="tree-item-file-name cursor-default position-relative"
class="cursor-default position-relative tree-item-file-name"
>
<a
class="tree-item-link str-truncated"
class="str-truncated tree-item-link"
data-qa-selector="file_name_link"
href="https://test.com"
title="test"
@ -162,11 +138,6 @@ exports[`Repository table row component renders table row for path with special
test
</span>
</a>
<!---->
<!---->
<gl-icon-stub
class="ml-1"
name="lock"
@ -174,21 +145,16 @@ exports[`Repository table row component renders table row for path with special
title="Locked by Root"
/>
</td>
<td
class="d-none d-sm-table-cell tree-commit cursor-default gl-text-secondary"
class="cursor-default d-none d-sm-table-cell gl-text-secondary tree-commit"
>
<gl-link-stub
class="str-truncated-100 tree-commit-link gl-text-secondary"
class="gl-text-secondary str-truncated-100 tree-commit-link"
/>
<gl-intersection-observer-stub>
<!---->
</gl-intersection-observer-stub>
<gl-intersection-observer-stub />
</td>
<td
class="tree-time-ago text-right cursor-default gl-text-secondary"
class="cursor-default gl-text-secondary text-right tree-time-ago"
>
<gl-intersection-observer-stub>
<timeago-tooltip-stub
@ -198,8 +164,6 @@ exports[`Repository table row component renders table row for path with special
tooltipplacement="top"
/>
</gl-intersection-observer-stub>
<!---->
</td>
</tr>
`;

4
spec/frontend/sidebar/components/lock/__snapshots__/edit_form_spec.js.snap
View File

@ -12,7 +12,6 @@ exports[`Edit Form Dropdown In issue page when locked the appropriate warning te
message="Unlock this %{issuableDisplayName}? %{strongStart}Everyone%{strongEnd} will be able to comment."
/>
</p>
<edit-form-buttons-stub
islocked="true"
issuabledisplayname="issue"
@ -32,7 +31,6 @@ exports[`Edit Form Dropdown In issue page when unlocked the appropriate warning
message="Lock this %{issuableDisplayName}? Only %{strongStart}project members%{strongEnd} will be able to comment."
/>
</p>
<edit-form-buttons-stub
issuabledisplayname="issue"
/>
@ -51,7 +49,6 @@ exports[`Edit Form Dropdown In merge request page when locked the appropriate wa
message="Unlock this %{issuableDisplayName}? %{strongStart}Everyone%{strongEnd} will be able to comment."
/>
</p>
<edit-form-buttons-stub
islocked="true"
issuabledisplayname="merge request"
@ -71,7 +68,6 @@ exports[`Edit Form Dropdown In merge request page when unlocked the appropriate
message="Lock this %{issuableDisplayName}? Only %{strongStart}project members%{strongEnd} will be able to comment."
/>
</p>
<edit-form-buttons-stub
issuabledisplayname="merge request"
/>

4
spec/frontend/sidebar/components/todo_toggle/__snapshots__/todo_spec.js.snap
View File

@ -3,7 +3,7 @@
exports[`SidebarTodo template renders component container element with proper data attributes 1`] = `
<button
aria-label="Mark as done"
class="gl-button btn btn-default btn-todo issuable-header-btn float-right"
class="btn btn-default btn-todo float-right gl-button issuable-header-btn"
data-issuable-id="1"
data-issuable-type="epic"
type="button"
@ -14,13 +14,11 @@ exports[`SidebarTodo template renders component container element with proper da
size="16"
style="display: none;"
/>
<span
class="issuable-todo-inner"
>
Mark as done
</span>
<gl-loading-icon-stub
color="dark"
inline="true"

3
spec/frontend/snippets/components/__snapshots__/snippet_blob_edit_spec.js.snap
View File

@ -8,11 +8,10 @@ exports[`Snippet Blob Edit component with loaded blob matches snapshot 1`] = `
<blob-header-edit-stub
candelete="true"
data-qa-selector="file_name_field"
id="blob_local_7_file_path"
id="reference-0"
showdelete="true"
value="foo/bar/test.md"
/>
<source-editor-stub
debouncevalue="250"
editoroptions="[object Object]"

26
spec/frontend/snippets/components/__snapshots__/snippet_description_edit_spec.js.snap
View File

@ -5,16 +5,15 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] =
class="form-group js-description-input"
>
<label
for="snippet-description"
for="reference-0"
>
Description (optional)
</label>
<div
class="js-collapsible-input"
>
<div
class="js-collapsed d-none"
class="d-none js-collapsed"
>
<gl-form-input-stub
class="form-control"
@ -22,9 +21,8 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] =
placeholder="Describe what your snippet does or how to use it…"
/>
</div>
<div
class="js-vue-markdown-field md-area position-relative gfm-form gl-overflow-hidden js-expanded"
class="gfm-form gl-overflow-hidden js-expanded js-vue-markdown-field md-area position-relative"
data-uploads-path=""
>
<markdown-header-stub
@ -36,23 +34,22 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] =
suggestionstartindex="0"
uploadspath=""
/>
<div
class="md-write-holder"
>
<div
class="zen-backdrop div-dropzone-wrapper"
class="div-dropzone-wrapper zen-backdrop"
>
<div
class="div-dropzone js-invalid-dropzone"
>
<textarea
aria-label="Description"
class="note-textarea js-gfm-input js-autosize markdown-area js-gfm-input-initialized"
class="js-autosize js-gfm-input js-gfm-input-initialized markdown-area note-textarea"
data-qa-selector="snippet_description_field"
data-supports-quick-actions="false"
dir="auto"
id="snippet-description"
id="reference-0"
placeholder="Write a comment or drag your files here…"
style="overflow-x: hidden; word-wrap: break-word; overflow-y: hidden;"
/>
@ -68,10 +65,9 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] =
</svg>
</div>
</div>
<a
aria-label="Leave zen mode"
class="zen-control zen-control-leave js-zen-leave gl-text-gray-500"
class="gl-text-gray-500 js-zen-leave zen-control zen-control-leave"
href="#"
>
<gl-icon-stub
@ -79,7 +75,6 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] =
size="16"
/>
</a>
<markdown-toolbar-stub
canattachfile="true"
markdowndocspath="help/"
@ -87,19 +82,14 @@ exports[`Snippet Description Edit component rendering matches the snapshot 1`] =
/>
</div>
</div>
<div
class="js-vue-md-preview md-preview-holder gl-px-5"
class="gl-px-5 js-vue-md-preview md-preview-holder"
style="display: none;"
>
<div
class="md"
/>
</div>
<!---->
<!---->
</div>
</div>
</div>

Some files were not shown because too many files have changed in this diff Show More