Commit 4ae19a11 authored by Coung Ngo's avatar Coung Ngo

Update issues refactor markup for feature specs

This commit adds classes and attributes to the issues refactor
so that when the `vue_issues_list` feature flag is removed
various feature specs will pass.

The fixing of feature specs is in progress in
https://gitlab.com/gitlab-org/gitlab/-/merge_requests/61123

https://gitlab.com/gitlab-org/gitlab/-/issues/322755
parent 61820f46
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
default: null, default: null,
}, },
issuableType: { issuableType: {
default: '', default: 'issue',
}, },
emailsHelpPagePath: { emailsHelpPagePath: {
default: '', default: '',
......
...@@ -115,7 +115,7 @@ export default { ...@@ -115,7 +115,7 @@ export default {
{{ timeEstimate }} {{ timeEstimate }}
</span> </span>
<weight-count <weight-count
class="gl-display-none gl-sm-display-inline-block gl-mr-3" class="issuable-weight gl-display-none gl-sm-display-inline-block gl-mr-3"
:weight="issue.weight" :weight="issue.weight"
/> />
<issue-health-status <issue-health-status
......
...@@ -664,7 +664,7 @@ export default { ...@@ -664,7 +664,7 @@ export default {
v-gl-tooltip v-gl-tooltip
class="gl-display-none gl-sm-display-block" class="gl-display-none gl-sm-display-block"
:title="$options.i18n.relatedMergeRequests" :title="$options.i18n.relatedMergeRequests"
data-testid="issuable-mr" data-testid="merge-requests"
> >
<gl-icon name="merge-request" /> <gl-icon name="merge-request" />
{{ issuable.mergeRequestsCount }} {{ issuable.mergeRequestsCount }}
...@@ -672,7 +672,7 @@ export default { ...@@ -672,7 +672,7 @@ export default {
<li <li
v-if="issuable.upvotes" v-if="issuable.upvotes"
v-gl-tooltip v-gl-tooltip
class="gl-display-none gl-sm-display-block" class="issuable-upvotes gl-display-none gl-sm-display-block"
:title="$options.i18n.upvotes" :title="$options.i18n.upvotes"
data-testid="issuable-upvotes" data-testid="issuable-upvotes"
> >
...@@ -682,7 +682,7 @@ export default { ...@@ -682,7 +682,7 @@ export default {
<li <li
v-if="issuable.downvotes" v-if="issuable.downvotes"
v-gl-tooltip v-gl-tooltip
class="gl-display-none gl-sm-display-block" class="issuable-downvotes gl-display-none gl-sm-display-block"
:title="$options.i18n.downvotes" :title="$options.i18n.downvotes"
data-testid="issuable-downvotes" data-testid="issuable-downvotes"
> >
...@@ -690,7 +690,7 @@ export default { ...@@ -690,7 +690,7 @@ export default {
{{ issuable.downvotes }} {{ issuable.downvotes }}
</li> </li>
<blocking-issues-count <blocking-issues-count
class="gl-display-none gl-sm-display-block" class="blocking-issues gl-display-none gl-sm-display-block"
:blocking-issues-count="issuable.blockedByCount" :blocking-issues-count="issuable.blockedByCount"
:is-list-item="true" :is-list-item="true"
/> />
......
...@@ -97,7 +97,7 @@ export const i18n = { ...@@ -97,7 +97,7 @@ export const i18n = {
relatedMergeRequests: __('Related merge requests'), relatedMergeRequests: __('Related merge requests'),
reorderError: __('An error occurred while reordering issues.'), reorderError: __('An error occurred while reordering issues.'),
rssLabel: __('Subscribe to RSS feed'), rssLabel: __('Subscribe to RSS feed'),
searchPlaceholder: __('Search or filter results'), searchPlaceholder: __('Search or filter results...'),
upvotes: __('Upvotes'), upvotes: __('Upvotes'),
}; };
......
import Vue from 'vue'; import Vue from 'vue';
import VueApollo from 'vue-apollo'; import VueApollo from 'vue-apollo';
import { IssuableType } from '~/issue_show/constants';
import IssuesListApp from '~/issues_list/components/issues_list_app.vue'; import IssuesListApp from '~/issues_list/components/issues_list_app.vue';
import createDefaultClient from '~/lib/graphql'; import createDefaultClient from '~/lib/graphql';
import { convertObjectPropsToCamelCase, parseBoolean } from '~/lib/utils/common_utils'; import { convertObjectPropsToCamelCase, parseBoolean } from '~/lib/utils/common_utils';
...@@ -150,7 +149,6 @@ export function mountIssuesListApp() { ...@@ -150,7 +149,6 @@ export function mountIssuesListApp() {
// For IssuableByEmail component // For IssuableByEmail component
emailsHelpPagePath, emailsHelpPagePath,
initialEmail, initialEmail,
issuableType: IssuableType.Issue,
markdownHelpPath, markdownHelpPath,
quickActionsHelpPath, quickActionsHelpPath,
resetPath, resetPath,
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment