Jasmine을 이용한 js unit testing

Jasmine github 에 들어가서 starter 파일을 다운받거나, CDN을 사용할 수 있다.

cdn css, js파일을 불러와 html 내에 link, script로 넣어준다.

내가 테스트 할 js 파일을 생성한다.

let year = '2019';
describe("Get year dates", () => {
  it("should be a number", () => {
    expect(year).toBe(2019);
  });
});

이 파일을 html에 script로 연결시킨다.
그리고 실행시키면 웹페이지에 테스트 결과가 나온다.

1 spec, 1 failure (빨간색)
Get year dates > should be a number
Expected '2019' to be 2019.

spec : it
failure : number가 아니라 string이어서 실패했다.

---

let year = '2019';
describe("Get year dates", () => {
  year = parseInt(year);
  it("should be a number", () => {
    expect(year).toBe(2019);
  });
});

1 spec, 0 failure (초록색) => 성공

---

let year = 2019;
describe("Get year dates", () => {
  beforeEach(() => {	// it을 실행하기 전에 실행할 함수
  	year += 1;
  })
  it("should be next year", () => {
    expect(year).toBe(2020);
  });
});

1 spec, 0 failure (초록색) => 성공

---

let year = 2019;
describe("Get year dates", () => {
  beforeEach(() => {	// it을 실행하기 전에 실행할 함수
  	year += 2;
  })
  it("should be next year", () => {
    expect(year).toBe(2020);
  });
  it("should be in the next 2 years", () => {
    expect(year).toBe(2021);
  });
});

2 spec, 1 failure (빨간색)
Get year dates > should be next year
Expected 2023 to be 2020.

2021은 성공했다.