نمونه اسکریپت های رابط کاربری

این صفحه چند مثال در مورد نحوه سفارشی کردن رابط کاربری TestRail با اسکریپت های UI ارائه می دهد. خواندن آن توصیه می شود معرفی اسکریپت های رابط کاربری ابتدا مقاله را به عنوان اطلاعات پس زمینه در مورد اسکریپت های UI ارائه می دهد.

صفحات مدیریت را برجسته کنید #

ممکن است خوب باشد که یک نشانگر بصری در مورد اینکه آیا صفحه فعلی بخشی از صفحات مدیریت است یا خیر، با استفاده از رنگ پس زمینه متفاوت در نوار عنوان. این را می توان به راحتی با یک UI Script نسبتاً ساده و فقط با استفاده از CSS به دست آورد.

لطفاً نمونه‌های زیر را برای نسخه‌های TestRail ۴.x (و نسخه‌های جدیدتر) و TestRail ۳.x ببینید:

name: Highlight administration pages
description: Changes the background of the user menu on admin pages
author: Gurock Software
version: 1.0
includes: ^admin

css:
#top .top-panel {
  background-color: #8B0000;
}

name: Highlight administration pages
description: Changes the background of the user menu on admin pages
author: Gurock Software
version: 1.0
includes: ^admin

css:
#topBar {
  background-color: #8B0000;
}

تغییر پیوند بازخورد (فقط TestRail ۳.x) #

برخی از مدیران ممکن است بخواهند پیوند بازخورد را در TestRail سفارشی کنند، به عنوان مثال. برای تغییر مکان پیوند یا حذف کامل رابط کاربری آن. مثال‌های زیر نحوه انجام این کار را با استفاده از اسکریپت‌های UI توضیح می‌دهند.

در حال حذف لینک #

با استفاده از jQuery در بخش جاوا اسکریپت UI Script، حذف پیوند بازخورد کار نسبتاً آسانی است:

name: Remove feedback link
description: Removes the feedback link from the user menu
author: Gurock Software
version: 1.0
includes: 
excludes: 

js:
$(document).ready(
  function() {
    $('#userMenu ul li:eq(1)').remove();
  }
);

این همچنین یک مثال خوب در مورد نحوه دسترسی به عناصر متمایز صفحه با استفاده از انتخابگرهای jQuery است. نحو برای انتخابگر می‌تواند به‌صورت «عنصر دوم (شمارش از صفر شروع می‌شود) از لیست نامرتب #userMenu» خوانده شود.

تغییر URL هدف #

گزینه دیگر می تواند تغییر مکان پیوند بازخورد به گونه ای باشد که به جای انجمن پشتیبانی رسمی TestRail به یک انجمن داخلی یا صفحه میز راهنمایی اشاره کند:

name: Change feedback link
description: Changes the target URL of the feedback link
author: Gurock Software
version: 1.0
includes: 
excludes: 

js:
$(document).ready(
  function() {
    document.querySelector('.top-menu-highlight').classList.remove('dropdownLink');
    document.querySelector('.top-menu-highlight').href = 'http://internal-feedback-url;
  }
);

پنهان کردن نمودار روی داشبورد #

هنگامی که با پروژه های زیادی سروکار دارید، ممکن است بخواهید نمودار فعالیت را در داشبورد TestRail مخفی کنید تا بتوانید پروژه های بیشتری را همزمان مشاهده کنید. اسکریپت UI مربوطه به سادگی نمودار را از صفحه حذف می کند.

لطفاً نمونه‌های زیر را برای نسخه‌های TestRail ۴.x (و نسخه‌های جدیدتر) و TestRail ۳.x ببینید:

name: Hide dashboard chart
description: Hides the chart on the dashboard page
author: Gurock Software
version: 1.0
includes: ^dashboard
excludes:

js:
$(document).ready(
  function() {
    $('.chart-line:first').hide();
  }
);

name: Hide dashboard chart
description: Hides the chart on the dashboard page
author: Gurock Software
version: 1.0
includes: ^dashboard
excludes:

js:
$(document).ready(
  function() {
    $('.lineChart:first').hide();
  }
);