نمونه‌های UI Scripts

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

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

گاهی مفید است که در رابط کاربری مشخص باشد صفحه فعلی جزو صفحه‌های مدیریت است یا نه؛ برای مثال می‌توانید رنگ پس‌زمینه نوار عنوان را تغییر دهید. این کار با یک 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;
}

تغییر لینک Feedback فقط در TestRail ۳.x #

بعضی از مدیران ممکن است بخواهند لینک Feedback را در TestRail سفارشی کنند؛ مثلا مقصد لینک را تغییر دهند یا آن را به‌طور کامل از رابط کاربری حذف کنند. نمونه‌های زیر نشان می‌دهند چطور این کار را با UI Scripts انجام دهید.

حذف لینک #

با استفاده از jQuery در بخش JavaScript مربوط به UI Script، حذف لینک Feedback کار ساده‌ای است:

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();
  }
);

این نمونه همچنین نشان می‌دهد چطور با استفاده از selectorهای jQuery به عناصر مشخصی در صفحه دسترسی پیدا کنید. می‌توان selector را این‌طور خواند: «عنصر دوم، با شروع شمارش از صفر، در لیست نامرتب #userMenu را انتخاب کن».

تغییر URL مقصد #

گزینه دیگر این است که مقصد لینک Feedback را تغییر دهید تا به‌جای forum رسمی پشتیبانی TestRail، به یک forum داخلی یا صفحه help desk سازمان شما اشاره کند:

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;
  }
);

پنهان کردن نمودار در dashboard #

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

نمونه‌های زیر را برای نسخه‌های 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();
  }
);