Ruby 테스트를 위한 현대식 포맷 프로그램 사용

테스트는 개발의 최고봉입니다. MVC 모델에서 개발할 때 컨트롤러는 단원 테스트를 통해 예상대로 작동하는 것을 증명하기를 원합니다.Ruby의 많은 라이브러리는 Minitest, RSpec 등등을 포함한다.
Ruby의 경우 출력 코드 덮어쓰기를 볼 수 있는 공용 라이브러리는 Simplecov 입니다.이 도구는 제가 좋아하는 것입니다. 어떤 줄이 덮어쓰여지고, 어떤 줄이 누락되었는지, 그리고 건너뛰기로 정의된 내용을 보여 줍니다.다른 설정도 많이 설정할 수 있습니다.그 중 하나는 포맷 프로그램입니다.덮어쓰기/인덱스의 웹 페이지를 만드는 기존 HTML 포맷 프로그램을 설명할 수 있습니다.html.루비 테스트에서 지점에 대한 새로운 지원이 시작됨에 따라 테이블과 파일 보기에 더 많은 열을 추가합니다. 이 열들은 보기/읽기가 어려워집니다.이것은 내가 여러 해 동안 사용해 온 형식이지만, 나는 큰 파일 집합과 긴 파일 이름을 가진 대형 프로젝트에서 그것을 사용했기 때문에, 그것은 결코 가장 깨끗한 사용자 체험이 아니다.나는 그것이 이미 유행이 지났기 때문에 업그레이드가 필요하다는 것을 발견했다.
그래서 저는 새로운 표준의 HTML 웹 출력을 활용하는 새로운 사용자 체험을 설계하고 구축하기로 했습니다.이전에 나는 Material Design의 준칙으로 하나를 구축했지만 Tailwindcss 같은 것을 좋아하기 시작했기 때문에 Tailwindcss과TailwindUI를 사용했다.나는 HTML 포맷 프로그램의 유효성과 무효성을 분석하여 다음과 같은 결론을 얻었다.

화물

그룹에서 파일을 검색하는 능력.

단체를 관찰하는 능력.

나쁜 놈

그룹 총수가 6개를 넘으면 페이지가 이상하게 보이기 시작한다.특히 화면 사이즈가 크지 않을 때

파일 이름이 길어지고 화면이 시간이 지나면 시계 보기의 줄이 떨어지고 읽을 수 없습니다.

파일과 그룹당 덮어쓰기를 읽기 어렵습니다.

커서가 잘못된 위치에 있으면 파일 보기에서 스크롤하면 파일이 스크롤될 수 있습니다.

단일 파일 원본을 볼 때, 테이블을 보기 위해 모드를 닫지 않으면, 어떤 파일이나 이 파일에 대한 상세한 정보를 눌렀는지 알 수 없습니다.

나는 생성할 때 파일에 너무 의존하지 않도록 단일한 페이지 생성을 유지해야 한다는 것을 안다.이것은 나로 하여금 더 이상 표 방법을 사용하지 않고 왼쪽 내비게이션 방법을 더 많이 사용하게 했다.이 새로운 표준화된 보기는 대량의 그룹 보기를 생성할 때 페이지를 왜곡하지 않고 사용할 수 있는 모든 보기를 볼 수 있게 한다.이것은 스크롤 사용자의 상호작용을 허용할 것이다.나는 또 숫자에 관한 문장을 좀 옮기고 싶다. 이 문장은 너무 많아서 읽기 어렵다.따라서 그룹 페이지의 맨 위에 있는 배열 격자로 변경하고 싶습니다.전체 페이지에서 일부 변화를 발견할 수 있다. 예를 들어 페이지의 밑줄이 더 깨끗하고 항목 이름이 대시로 표시되며 밑줄을 긋는다.Repo 구조를 보면 웹 팩을 사용하여 출력 응용 프로그램 JS와 CSS 파일을 생성하여 사용하고 싶습니다.
이 새 보기에서, 나는 또한 파일을 검색하고 검색 표시줄로 목록을 선별하는 기능을 추가했다.이것은 매우 기본적인 JS를 통해 이루어진 것이다. 이러한 JS는 활발하게 보는 표에서 찾고 하나의 검색 표시줄을 사용한다.나는 낡은 검색 상자가 가장 쉽게 볼 수 있는 것은 아니지만 가장 강력한 도구 중 하나이기 때문에 보기에서 사용자를 식별하고 강조해야 한다.대형 프로젝트에 수백 개의 파일이 있을 때, 이것은 매우 큰 도구이며, 육안으로 굴러갈 때, 이 파일들을 찾기가 매우 어렵다.
결과는 다음과 같다. 각각 전simplecov-html과 후(simplecov-tailwindcss이다.

이전(simplecovhtml)

전체 보기

단일 파일 뷰

이후(simplecovtailwindcss)

전체 보기

개인 보기

위에서 보듯이 외관은 양식상 크게 다르지만 여전히 같은 데이터와 기능을 유지한다.나는 시간이 지날수록 지역 사회의 피드백에 따라 기능을 확장하고 싶습니다. 따라서 피드백이 있으면 환매 협의here를 보고 아래에 당신의 의견을 남겨 주십시오.

Bug

Feature Request

Question

제가 개발한 Simplecov Tailwind 포맷 프로그램의 방법을 읽어 주셔서 감사합니다. 저처럼 좋아해 주셨으면 좋겠습니다.그것은 이렇게 깨끗하여 사용하기 쉽다!!
이gem를 사용하려면gem 파일에gem를 추가하고repo에gem를 설치하십시오.이gem은rubygems.org과 신Github Registry에서 위탁 관리합니다.
GEM 파일에 추가하려면 다음을 참조하거나 재구매 계약의 Documentation 을 참조하십시오.

Ruby Gems 호스트

# ./Gemfile

group :test do
  gem "simplecov", require: false
  gem "simplecov-tailwindcss", require: false
end

Github Rubygems 호스트

# ./Gemfile

group :test do
  gem "simplecov", require: false
end

source "https://rubygems.pkg.github.com/chiefpansancolt"
  group :test do
    gem "simplecov-tailwindcss", require: false
  end
end