complexqa_frontend_core 1.23.1 → 1.24.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "complexqa_frontend_core",
-  "version": "1.23.1",
+  "version": "1.24.1",
   "description": "core of web ",
   "type": "module",
   "exports": {

package/publish/api/index.js

@@ -13,6 +13,10 @@ import { TaskApi } from "./task_api.js";
 import { TestAccountApi } from "./test_account_api.js";
 import { BugApi } from "./bug_api.js";
 import { BugRelationApi } from "./bug_relation_api.js";
+import { TagApi } from "./tag_api.js";
+import { TagRelationApi } from "./tag_relation_api.js";
+import { TagColorApi } from "./tag/tag_color_api.js";
+import { TagTemplateApi } from "./tag/tag_template_api.js";
 import { ContextBrowserApi } from "./context/context_browser_api.js";
 import { ContextDeploymentTargetApi } from "./context/context_deployment_target_api.js";
 import { ContextDevicesApi } from "./context/context_devices_api.js";
@@ -166,6 +170,8 @@ export class Api
 		this.test_account                   = new TestAccountApi(payload);
 		this.bug                            = new BugApi(payload);
 		this.bug_relation                   = new BugRelationApi(payload);
+		this.tag                            = new TagApi(payload);
+		this.tag_relation                   = new TagRelationApi(payload);
 		this.event                          = new EventApi(payload);
 		this.execution_context              = new ExecutionContextApi(payload);
 		this.browser_tools_util_execution   = new BrowserToolsUtilExecutionApi(payload);
@@ -194,6 +200,8 @@ export class Api
 		response.context_locale            = new ContextLocaleApi(payload);
 		response.context_os                = new ContextOsApi(payload);
 		response.context_screen_resolution = new ContextScreenResolutionApi(payload);
+		response.tag_color                 = new TagColorApi(payload);
+		response.tag_template              = new TagTemplateApi(payload);
 
 		return response;
 	}

package/publish/api/tag/tag_color_api.js

@@ -0,0 +1,16 @@
+import { ApiAbstractReferenceClass } from '../api_abstract_reference_class.js';
+
+/**
+ * System tag color palette (read-only).
+ *
+ * @version			v.0.1 (12/08/2026)
+ */
+export class TagColorApi extends ApiAbstractReferenceClass
+{
+	module_prefix = 'tag_color';
+
+	constructor(options)
+	{
+		super(options);
+	}
+}

package/publish/api/tag/tag_template_api.js

@@ -0,0 +1,16 @@
+import { ApiAbstractReferenceClass } from '../api_abstract_reference_class.js';
+
+/**
+ * System tag templates (read-only for tenants).
+ *
+ * @version			v.0.1 (12/08/2026)
+ */
+export class TagTemplateApi extends ApiAbstractReferenceClass
+{
+	module_prefix = 'tag_template';
+
+	constructor(options)
+	{
+		super(options);
+	}
+}

package/publish/api/tag_api.js

@@ -0,0 +1,52 @@
+import { ApiAbstractElementClass } from './api_abstract_element_class.js';
+import { typeTag } from '../types/family_elements/typeTag.js';
+
+/**
+ * CRUD / Search / clone_from_templates for tag.
+ *
+ * @version			v.0.1 (12/08/2026)
+ */
+export class TagApi extends ApiAbstractElementClass
+{
+	module_prefix = 'tag';
+
+	constructor(options)
+	{
+		super(options);
+		this.set_element_class_instance(typeTag);
+	}
+
+
+	/**
+	 * Clone system tag_templates into project catalog.
+	 *
+	 * @param {{ project_id: number, tag_template_ids: number[] }} payload
+	 * @returns {Promise<{response: *, payload: *}>}
+	 */
+	async clone_from_templates(payload)
+	{
+		if (!this.module_prefix)
+		{
+			throw new Error('Error #tag-clone-1152 in TagApi');
+		}
+
+		if (this.stage === 'development')
+		{
+			return {
+				response: payload,
+				payload : payload,
+			};
+		}
+
+		let url = `/${ this.api_prefix }/${ this.module_prefix }/clone_from_templates`;
+
+		payload      = this.handle_request_payload(payload);
+		let response = this.api_request(url, payload);
+		response     = this.handle_response(response);
+
+		return {
+			response: response,
+			payload : payload,
+		};
+	}
+}

package/publish/api/tag_relation_api.js

@@ -0,0 +1,57 @@
+import { ApiAbstractElementClass } from './api_abstract_element_class.js';
+import { typeTagRelation } from '../types/family_relation/typeTagRelation.js';
+
+/**
+ * CRUD / Search / create_mass для tag_relation.
+ *
+ * @version			v.0.2 (12/08/2026)
+ */
+export class TagRelationApi extends ApiAbstractElementClass
+{
+	module_prefix = 'tag_relation';
+
+	constructor(options)
+	{
+		super(options);
+		this.set_element_class_instance(typeTagRelation);
+	}
+
+
+	/**
+	 * Additive mass attach: selected tags → selected elements (existing links untouched).
+	 *
+	 * @param {{
+	 *   project_id: number,
+	 *   element_type: string,
+	 *   element_ids: number[],
+	 *   tag_ids: number[]
+	 * }} payload
+	 * @returns {Promise<{response: *, payload: *}>}
+	 */
+	async create_mass(payload)
+	{
+		if (!this.module_prefix)
+		{
+			throw new Error('Error #tag-relation-create-mass-1152 in TagRelationApi');
+		}
+
+		if (this.stage === 'development')
+		{
+			return {
+				response: payload,
+				payload : payload,
+			};
+		}
+
+		let url = `/${ this.api_prefix }/${ this.module_prefix }/create_mass`;
+
+		payload      = this.handle_request_payload(payload);
+		let response = this.api_request(url, payload);
+		response     = this.handle_response(response);
+
+		return {
+			response: response,
+			payload : payload,
+		};
+	}
+}

package/publish/app_configuration/table/helpers/table_element_models.js

@@ -3,6 +3,8 @@ import { typeProject } from '../../../types/family_elements/typeProject.js';
 import { typeTestRun } from '../../../types/family_elements/typeTestRun.js';
 import { typeBug } from '../../../types/family_elements/typeBug.js';
 import { typeBugRelation } from '../../../types/family_relation/typeBugRelation.js';
+import { typeTag } from '../../../types/family_elements/typeTag.js';
+import { typeTagRelation } from '../../../types/family_relation/typeTagRelation.js';
 import { typeTestRunResult } from '../../../types/family_elements/typeTestRunResult.js';
 import { typeTestAccount } from '../../../types/family_elements/typeTestAccount.js';
 import { typeExecutionContext } from '../../../types/family_context/typeExecutionContext.js';
@@ -31,6 +33,8 @@ export const TABLE_ELEMENT_MODELS = {
 	test_run       : typeTestRun,
 	bug            : typeBug,
 	bug_relation   : typeBugRelation,
+	tag            : typeTag,
+	tag_relation   : typeTagRelation,
 	test_run_result: typeTestRunResult,
 	test_account      : typeTestAccount,
 	execution_context : typeExecutionContext,

package/publish/app_configuration/table/sections/bug.js

@@ -31,6 +31,12 @@ function build_bug_listing_columns(locale, { include_select = true } = {})
 	columns.push(createColumn(model, locale, 'bug_type', { width: '150', is_editable: true, is_required: true }));
 	columns.push(createColumn(model, locale, 'bug_resolution', { width: '150', is_editable: true, is_required: true, hide: true }));
 	columns.push(createColumn(model, locale, 'assigned_to', { width: '220', is_editable: true, is_required: true }));
+	columns.push(createColumn(model, locale, 'tags', {
+		width      : '220',
+		is_editable: false,
+		is_sortable: false,
+		is_required: false,
+	}));
 	columns.push(createColumn(model, locale, 'created_at', { width: '170', is_required: true }));
 	columns.push(createColumn(model, locale, 'completed_at', { width: '170', is_required: true, hide: true }));
 	columns.push(createGoToColumn(model, locale));
@@ -96,7 +102,7 @@ export function bootstrap_bug(config)
 	const locale = UserService.get_current_language();
 
 	registerSection(config, 'bug', 'listing', build_bug_listing_columns(locale), {
-		for: createListingFor([ 'project_id' ]),
+		for: createListingFor([ 'project_id' ], { add: [ 'tags' ] }),
 	});
 
 	registerSection(config, 'bug', 'todo', build_bug_todo_columns(locale), {

package/publish/app_configuration/table/sections/tag.js

@@ -0,0 +1,84 @@
+import { typeTag } from '../../../types/family_elements/typeTag.js';
+import { UserService } from '../../../services/UserService.js';
+import {
+	createColumn,
+	createGoToColumn,
+	createPrimaryKeyColumn,
+	createRowSelectColumn,
+} from '../helpers/column_factory.js';
+import { createListingFor, registerSection } from '../helpers/section_registry.js';
+import { typeTableColumn } from '../../../types/family_service/typeTableColumn.js';
+
+function build_tag_listing_columns(locale)
+{
+	const model = new typeTag();
+
+	return [
+		createRowSelectColumn(),
+		createPrimaryKeyColumn(model, locale),
+		createColumn(model, locale, 'name', {
+			width      : '280',
+			is_editable: true,
+			is_required: true,
+			is_title   : true,
+		}),
+		createColumn(model, locale, 'description', { width: '420', is_editable: true }),
+		createColumn(model, locale, 'created_at', { width: '170' }),
+		createColumn(model, locale, 'updated_at', { width: '170' }),
+		createGoToColumn(model, locale),
+	];
+}
+
+
+function build_tag_details_columns(locale)
+{
+	const model  = new typeTag();
+	const fields = [
+		'tag_id',
+		'project_id',
+		'team_id',
+		'name',
+		'tag_color_id',
+		'created_at',
+		'updated_at',
+	];
+
+	return [
+		...fields.map((field, index) => createColumn(model, locale, field, {
+			sort_order : String(index + 1),
+			is_editable: [ 'name', 'tag_color_id' ].includes(field),
+			is_sortable: false,
+			is_filter  : false,
+		})),
+		new typeTableColumn({
+			header_name: 'copy',
+			field      : 'copy',
+			width      : '80',
+			sort_order : '99',
+			is_sortable: false,
+			is_filter  : false,
+			is_editable: false,
+			column_kind: 'copy',
+		}),
+	];
+}
+
+
+/**
+ * Секции `tag`: `listing`, `details`.
+ *
+ * @param {Object} config
+ * @returns {void}
+ */
+export function bootstrap_tag(config)
+{
+	const locale = UserService.get_current_language();
+
+	registerSection(config, 'tag', 'listing', build_tag_listing_columns(locale), {
+		for: createListingFor([ 'project_id' ], { add: [ 'colors' ] }),
+	});
+
+	registerSection(config, 'tag', 'details', build_tag_details_columns(locale), {
+		for: createListingFor([ 'tag_id' ], { add: [ 'colors' ] }),
+	});
+}

package/publish/app_configuration/table/sections/tag_relation.js

@@ -0,0 +1,309 @@
+import { typeTagRelation } from '../../../types/family_relation/typeTagRelation.js';
+import { typeTestCase } from '../../../types/family_elements/typeTestCase.js';
+import { typeBug } from '../../../types/family_elements/typeBug.js';
+import { typeTestRun } from '../../../types/family_elements/typeTestRun.js';
+import { typeTestSuite } from '../../../types/family_elements/typeTestSuite.js';
+import { typeTestAccount } from '../../../types/family_elements/typeTestAccount.js';
+import { typeTestRunResult } from '../../../types/family_elements/typeTestRunResult.js';
+import { typeTextDocument } from '../../../types/family_files/typeTextDocument.js';
+import { typeExecutionContext } from '../../../types/family_context/typeExecutionContext.js';
+import { UserService } from '../../../services/UserService.js';
+import { createColumn, createGoToColumn } from '../helpers/column_factory.js';
+import { get_execution_context_listing_field_specs } from '../helpers/execution_context_listing_fields.js';
+import { createListingFor, registerSection } from '../helpers/section_registry.js';
+
+/**
+ * Nested column helper: `element_id.<field>` with header from target element type.
+ *
+ * @param {typeTagRelation} relation_model
+ * @param {string} locale
+ * @param {string} header_element_type
+ * @param {string} field
+ * @param {object} [overrides]
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn}
+ */
+function elementColumn(relation_model, locale, header_element_type, field, overrides = {})
+{
+	return createColumn(relation_model, locale, `element_id.${ field }`, {
+		header_field       : overrides.header_field || field,
+		header_element_type: overrides.header_element_type || header_element_type,
+		is_editable        : false,
+		...overrides,
+	});
+}
+
+
+/**
+ * Linked test cases on tag/details — same fields as test_case × listing (read-only).
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_test_cases_columns(locale)
+{
+	const relation_model  = new typeTagRelation();
+	const test_case_model = new typeTestCase();
+	const col             = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'test_case', field, overrides);
+
+	return [
+		col('test_case_id', { width: '60', default_sort: 'desc' }),
+		col('test_case_title', { width: '480', is_required: true, is_title: true }),
+		col('assigned_to', { width: '220' }),
+		col('test_case_time_to_execute', { width: '80', is_required: true }),
+		col('test_case_complexity', { width: '80', is_required: true }),
+		col('test_case_importance', { width: '80', is_required: true }),
+		col('test_case_status', { width: '150', is_required: true }),
+		createGoToColumn(test_case_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked bugs on tag/details — same fields as bug × listing (read-only, without tags).
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_bugs_columns(locale)
+{
+	const relation_model = new typeTagRelation();
+	const bug_model      = new typeBug();
+	const col            = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'bug', field, overrides);
+
+	return [
+		col('bug_id', { width: '60', default_sort: 'desc' }),
+		col('bug_title', { width: '420', is_required: true, is_title: true }),
+		col('bug_status', { width: '150', is_required: true }),
+		col('bug_priority', { width: '130', is_required: true }),
+		col('bug_severity', { width: '130', is_required: true }),
+		col('bug_type', { width: '150', is_required: true }),
+		col('bug_resolution', { width: '150', is_required: true, is_hide: true }),
+		col('assigned_to', { width: '220', is_required: true }),
+		col('created_at', { width: '170', is_required: true }),
+		col('completed_at', { width: '170', is_required: true, is_hide: true }),
+		createGoToColumn(bug_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked test runs on tag/details — same fields as test_run × listing (read-only, without tags).
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_test_runs_columns(locale)
+{
+	const relation_model = new typeTagRelation();
+	const test_run_model = new typeTestRun();
+	const col            = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'test_run', field, overrides);
+
+	return [
+		col('test_run_id', { width: '60', default_sort: 'desc' }),
+		col('test_run_name', { width: '480', is_required: true, is_title: true }),
+		col('test_run_description', { width: '480', is_required: true }),
+		col('assigned_to', { width: '220', is_required: true }),
+		col('test_run_status', { width: '150', is_required: true }),
+		col('created_at', { width: '170', is_required: true }),
+		col('completed_at', { width: '170', is_required: true }),
+		createGoToColumn(test_run_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked test suites on tag/details.
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_test_suites_columns(locale)
+{
+	const relation_model   = new typeTagRelation();
+	const test_suite_model = new typeTestSuite();
+	const col              = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'test_suite', field, overrides);
+
+	return [
+		col('test_suite_id', { width: '60', default_sort: 'desc' }),
+		col('test_suite_name', { width: '480', is_required: true, is_title: true }),
+		createGoToColumn(test_suite_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked test accounts on tag/details — same fields as test_account × listing (read-only, without tags).
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_test_accounts_columns(locale)
+{
+	const relation_model     = new typeTagRelation();
+	const test_account_model = new typeTestAccount();
+	const col                = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'test_account', field, overrides);
+
+	return [
+		col('test_account_id', { width: '60', default_sort: 'desc' }),
+		col('resource', { width: '480', is_required: true, is_title: true }),
+		col('login', { width: '480', is_required: true }),
+		col('password', { width: '480' }),
+		col('test_account_description', { width: '480' }),
+		col('created_at', { width: '170' }),
+		col('updated_at', { width: '170' }),
+		createGoToColumn(test_account_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked test run results on tag/details — same fields as bug_relation × test_run_results.
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_test_run_results_columns(locale)
+{
+	const relation_model = new typeTagRelation();
+	const result_model   = new typeTestRunResult();
+	const col            = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'test_run_result', field, overrides);
+
+	return [
+		col('test_run_result_id', { width: '60', default_sort: 'desc' }),
+		col('assigned_to', { width: '220', is_required: true }),
+		col('created_at', { width: '170', is_required: true }),
+		col('updated_at', { width: '170', is_required: true }),
+		col('completed_at', { width: '170', is_required: true }),
+		col('test_result_status', { width: '150', is_required: true }),
+		createGoToColumn(result_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked text documents on tag/details — same fields as text_document × listing (read-only, without tags).
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_text_documents_columns(locale)
+{
+	const relation_model      = new typeTagRelation();
+	const text_document_model = new typeTextDocument();
+	const col                 = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'text_document', field, overrides);
+
+	return [
+		col('text_document_id', { width: '60', default_sort: 'desc' }),
+		col('text_document_title', { width: '320', is_title: true }),
+		col('text_document_status', { width: '140' }),
+		col('text_document_folder_id', { width: '120' }),
+		col('created_at', { width: '170' }),
+		col('updated_at', { width: '170' }),
+		createGoToColumn(text_document_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Linked execution contexts on tag/details.
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_tag_relation_execution_contexts_columns(locale)
+{
+	const relation_model = new typeTagRelation();
+	const context_model  = new typeExecutionContext();
+	const col            = (field, overrides = {}) =>
+		elementColumn(relation_model, locale, 'execution_context', field, overrides);
+
+	return [
+		...get_execution_context_listing_field_specs().map(({ field, overrides }) => col(field, overrides)),
+		createGoToColumn(context_model, locale, { field: 'element_id' }),
+	];
+}
+
+
+/**
+ * Tags attached to an element (hydrate tag_id).
+ *
+ * @param {string} locale
+ * @returns {import('../../../types/family_service/typeTableColumn.js').typeTableColumn[]}
+ */
+function build_element_tags_columns(locale)
+{
+	const relation_model = new typeTagRelation();
+	const columns        = [];
+
+	const tagColumn = (field, overrides = {}) => createColumn(relation_model, locale, `tag_id.${ field }`, {
+		header_field       : field,
+		header_element_type: 'tag',
+		is_editable        : false,
+		...overrides,
+	});
+
+	columns.push(tagColumn('tag_id', { width: '60', default_sort: 'desc' }));
+	columns.push(tagColumn('name', {
+		width      : '280',
+		is_required: true,
+		is_title   : true,
+	}));
+	columns.push(tagColumn('tag_color_id', { width: '120' }));
+
+	return columns;
+}
+
+
+/**
+ * Секции `tag_relation` для tag/details tabs и attach на элементах.
+ *
+ * @param {Object} config
+ * @returns {void}
+ */
+export function bootstrap_tag_relation(config)
+{
+	const locale = UserService.get_current_language();
+
+	registerSection(config, 'tag_relation', 'test_cases', build_tag_relation_test_cases_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'bugs', build_tag_relation_bugs_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'test_runs', build_tag_relation_test_runs_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'test_suites', build_tag_relation_test_suites_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'test_accounts', build_tag_relation_test_accounts_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'test_run_results', build_tag_relation_test_run_results_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'text_documents', build_tag_relation_text_documents_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'execution_contexts', build_tag_relation_execution_contexts_columns(locale), {
+		for: createListingFor([ 'tag_id', 'element_type' ], { add: [ 'elements' ] }),
+	});
+
+	registerSection(config, 'tag_relation', 'element_tags', build_element_tags_columns(locale), {
+		for: createListingFor([ 'element_type', 'element_id' ], { add: [ 'tags' ] }),
+	});
+}

package/publish/app_configuration/table/sections/test_account.js

@@ -12,6 +12,12 @@ function build_test_account_listing_columns(locale)
 		createPrimaryKeyColumn(model, locale),
 		createColumn(model, locale, 'resource', { width: '480', is_editable: true, is_required: true }),
 		createColumn(model, locale, 'login', { width: '480', is_editable: true, is_required: true }),
+		createColumn(model, locale, 'tags', {
+			width      : '220',
+			is_editable: false,
+			is_sortable: false,
+			is_required: false,
+		}),
 		createColumn(model, locale, 'password', { width: '480', is_editable: true }),
 		createColumn(model, locale, 'test_account_description', { width: '480', is_editable: true }),
 		createColumn(model, locale, 'created_at', { width: '170' }),
@@ -67,7 +73,7 @@ export function bootstrap_test_account(config)
 	const locale = UserService.get_current_language();
 
 	registerSection(config, 'test_account', 'listing', build_test_account_listing_columns(locale), {
-		for: createListingFor([ 'project_id' ]),
+		for: createListingFor([ 'project_id' ], { add: [ 'tags' ] }),
 	});
 
 	registerSection(config, 'test_account', 'details', build_test_account_details_columns(locale));

package/publish/app_configuration/table/sections/test_case.js

@@ -21,6 +21,12 @@ function build_test_case_listing_columns(locale, { include_select = true, includ
 		is_title    : true,
 	}));
 	columns.push(createColumn(model, locale, 'assigned_to', { width: '220', is_editable: true }));
+	columns.push(createColumn(model, locale, 'tags', {
+		width      : '220',
+		is_editable: false,
+		is_sortable: false,
+		is_required: false,
+	}));
 	columns.push(createColumn(model, locale, 'test_case_time_to_execute', { width: '80', is_editable: true, is_required: true }));
 	columns.push(createColumn(model, locale, 'test_case_complexity', { width: '80', is_editable: true, is_required: true }));
 	columns.push(createColumn(model, locale, 'test_case_importance', { width: '80', is_editable: true, is_required: true }));
@@ -59,7 +65,7 @@ export function bootstrap_test_case(config)
 	const locale = UserService.get_current_language();
 
 	registerSection(config, 'test_case', 'listing', build_test_case_listing_columns(locale), {
-		for: createListingFor([ 'project_id', 'test_suite_id' ]),
+		for: createListingFor([ 'project_id', 'test_suite_id' ], { add: [ 'tags' ] }),
 	});
 
 	registerSection(config, 'test_case', 'todo', build_test_case_todo_columns(locale), {