diff options
Diffstat (limited to 'spec/frontend/pages/projects/learn_gitlab/components/__snapshots__/learn_gitlab_spec.js.snap')
-rw-r--r-- | spec/frontend/pages/projects/learn_gitlab/components/__snapshots__/learn_gitlab_spec.js.snap | 371 |
1 files changed, 371 insertions, 0 deletions
diff --git a/spec/frontend/pages/projects/learn_gitlab/components/__snapshots__/learn_gitlab_spec.js.snap b/spec/frontend/pages/projects/learn_gitlab/components/__snapshots__/learn_gitlab_spec.js.snap new file mode 100644 index 00000000000..3aa0e99a858 --- /dev/null +++ b/spec/frontend/pages/projects/learn_gitlab/components/__snapshots__/learn_gitlab_spec.js.snap @@ -0,0 +1,371 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Learn GitLab renders correctly 1`] = ` +<div> + <div + class="row" + > + <div + class="gl-mb-7 gl-ml-5" + > + <h1 + class="gl-font-size-h1" + > + Learn GitLab + </h1> + + <p + class="gl-text-gray-700 gl-mb-0" + > + Ready to get started with GitLab? Follow these steps to set up your workspace, plan and commit changes, and deploy your project. + </p> + </div> + </div> + + <div + class="gl-mb-3" + > + <p + class="gl-text-gray-500 gl-mb-2" + data-testid="completion-percentage" + > + 22% completed + </p> + + <div + class="progress" + max="9" + value="2" + > + <div + aria-valuemax="9" + aria-valuemin="0" + aria-valuenow="2" + class="progress-bar" + role="progressbar" + style="width: 22.22222222222222%;" + /> + </div> + </div> + + <div + class="row row-cols-1 row-cols-md-3 gl-mt-5" + > + <div + class="col gl-mb-6" + > + <div + class="gl-card gl-pt-0 learn-gitlab-section-card" + > + <!----> + + <div + class="gl-card-body" + > + <div + class="learn-gitlab-section-card-header" + > + <img + src="workspace.svg" + /> + + <h2 + class="gl-font-lg gl-mb-3" + > + Set up your workspace + </h2> + + <p + class="gl-text-gray-700 gl-mb-6" + > + Complete these tasks first so you can enjoy GitLab's features to their fullest: + </p> + </div> + + <div + class="gl-mb-4" + > + <span + class="gl-text-green-500" + > + <svg + aria-hidden="true" + class="gl-icon s16" + data-testid="completed-icon" + role="img" + > + <use + href="#check-circle-filled" + /> + </svg> + + Invite your colleagues + + </span> + + <!----> + </div> + <div + class="gl-mb-4" + > + <span + class="gl-text-green-500" + > + <svg + aria-hidden="true" + class="gl-icon s16" + data-testid="completed-icon" + role="img" + > + <use + href="#check-circle-filled" + /> + </svg> + + Create or import a repository + + </span> + + <!----> + </div> + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Set up CI/CD" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Set up CI/CD + + </a> + </span> + + <!----> + </div> + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Start a free Ultimate trial" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Start a free Ultimate trial + + </a> + </span> + + <!----> + </div> + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Add code owners" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Add code owners + + </a> + </span> + + <span + class="gl-font-style-italic gl-text-gray-500" + data-testid="trial-only" + > + + - Trial only + + </span> + </div> + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Add merge request approval" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Add merge request approval + + </a> + </span> + + <span + class="gl-font-style-italic gl-text-gray-500" + data-testid="trial-only" + > + + - Trial only + + </span> + </div> + </div> + + <!----> + </div> + </div> + <div + class="col gl-mb-6" + > + <div + class="gl-card gl-pt-0 learn-gitlab-section-card" + > + <!----> + + <div + class="gl-card-body" + > + <div + class="learn-gitlab-section-card-header" + > + <img + src="plan.svg" + /> + + <h2 + class="gl-font-lg gl-mb-3" + > + Plan and execute + </h2> + + <p + class="gl-text-gray-700 gl-mb-6" + > + Create a workflow for your new workspace, and learn how GitLab features work together: + </p> + </div> + + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Create an issue" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Create an issue + + </a> + </span> + + <!----> + </div> + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Submit a merge request" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Submit a merge request + + </a> + </span> + + <!----> + </div> + </div> + + <!----> + </div> + </div> + <div + class="col gl-mb-6" + > + <div + class="gl-card gl-pt-0 learn-gitlab-section-card" + > + <!----> + + <div + class="gl-card-body" + > + <div + class="learn-gitlab-section-card-header" + > + <img + src="deploy.svg" + /> + + <h2 + class="gl-font-lg gl-mb-3" + > + Deploy + </h2> + + <p + class="gl-text-gray-700 gl-mb-6" + > + Use your new GitLab workflow to deploy your application, monitor its health, and keep it secure: + </p> + </div> + + <div + class="gl-mb-4" + > + <span> + <a + class="gl-link" + data-track-action="click_link" + data-track-label="Run a Security scan using CI/CD" + data-track-property="Growth::Conversion::Experiment::LearnGitLab" + href="http://example.com/" + rel="noopener noreferrer" + target="_blank" + > + + Run a Security scan using CI/CD + + </a> + </span> + + <!----> + </div> + </div> + + <!----> + </div> + </div> + </div> +</div> +`; |