테스트 명세

[mojosoeun]

설정

• [x] 사용자는 tada를 만들수 있다.
  • [x] selector가 없으면 에러가 발생한다.
  • [x] selector로 선택한 결과가 dom이 아니면 에러가 발생 한다.
  • [x] 사용자는 아무 설정을 하지 않으면
    • [x] navigator가 보이지 않는다.
    • [x] pagination이 보이지 않는다.
  • [x] 사용자는 tada를 커스텀하게 바꿀 수 있다.
    • [x] 사용자는 설정을 통해 navigator를 만들 수 있다.
    • [x] 사용자는 설정을 통해 navigator를 숨길 수 있다.
    • [x] 사용자는 설정을 통해 pagination을 만들 수 있다.
    • [x] 사용자는 설정을 통해 pagination을 숨길 수 있다.
    • [x] 사용자가 pagination 모양 설정을 하지 않으면 circle로 노출이 된다.
    • [x] 사용자는 설정을 통해 pagination 모양을 circle로 바꿀 수 있다.
    • [x] 사용자는 설정을 통해 pagination 모양을 bar로 바꿀 수 있다.

렌더링

• [x] Container 렌더링
  • [x] 사용자가 컨테이너 사이즈를 지정하면 해당 사이즈로 보여져야 한다.
  • [x] 사용자가 컨테이너 사이즈를 지정하지 않으면 100%로 보여져야 한다.
  • [x] 첫번째 슬라이드가 기본적으로 보여져야 한다.
• [x] Navigator 렌더링
  • [x] Naviagor 는 왼쪽 오른쪽 2개가 보인다.
  • [x] 처음에는 왼쪽은 비활성화, 오른쪽은 활성화 되어야 한다.
• [x] Pagination 렌더링
  • [x] pagination은 슬라이드 갯수만큼 렌더링 된다.
  • [x] 처음에는 첫번째 pagination이 선택되어야 한다.

기능

• [x] Navigator 오른쪽을 클릭하면 다음 슬라이드로 이동하고, pagination도 다음 페이지로 이동해야 한다.
• [x] 마지막 슬라이드인경우 오른쪽 Navigator는 비활성화된다.
• [x] 마지막 슬라이드인경우 오른쪽 Navigator는 클릭해도 동작하지 않는다.
• [x] Navigator 왼쪽을 클릭하면 이전 슬라이드로 이동하고, pagination도 이전 페이지로 이동해야 한다.
• [x] 첫번째 슬라이드인경우 왼쪽 Navigator는 비활성화된다.
• [x] 첫번째 슬라이드인경우 왼쪽 Navigator를 클릭해도 동작하지 않는다.
• [x] 특정 pagination 페이지를 클릭하면 특정 슬라이드로 이동해야 한다.
• [x] 같은 pagination을 클릭하면 슬라이드가 이동하지 않는다.