wam
w__am ๊ฐœ๋ฐœ๋…ธํŠธ
wam
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (165)
    • CS ์ง€์‹ (10)
      • ์ž๋ฃŒ๊ตฌ์กฐ (0)
      • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (0)
      • ์ปดํ“จํ„ฐ ๊ตฌ์กฐ (0)
      • ์šด์˜์ฒด์ œ (0)
      • ๋„คํŠธ์›Œํฌ (7)
      • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค (0)
      • ๋””์ž์ธ ํŒจํ„ด (3)
    • Frontend (131)
      • Three.js (64)
      • NPM (1)
      • Nest.js (19)
      • React (10)
      • Apollo (7)
      • TypeScript (2)
      • JavaScript (12)
      • HTML, CSS (1)
      • Jest (3)
      • E2E (5)
      • Cypress (7)
    • Database (12)
      • TypeORM (12)
    • IT ์ง€์‹ (8)
      • ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค (3)
      • ๋„คํŠธ์›Œํฌ (1)
      • ๋ฐ์ดํ„ฐ ํฌ๋งท (2)
      • ๊ธฐํƒ€ (2)
    • IT Book (2)
    • ์œ ์šฉํ•œ ์‚ฌ์ดํŠธ (1)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก
  • ๐Ÿฑ Github

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • axeshelper
  • ํ•จ์ˆ˜ ๋ฆฌํ„ฐ๋Ÿด
  • three.js ๊ตฌ์„ฑ ์š”์†Œ
  • math.cos()
  • ํ•จ์ˆ˜์˜ ๋ฒ”์œ„
  • getdelta()
  • Interface
  • threejs ๊ฐœ๋ฐœ ํ•  ๋•Œ ๋„์›€์„ ์ค„ ์ˆ˜ ์žˆ๋Š” ์œ ํ‹ธ๋ฆฌํ‹ฐ
  • math.sin()
  • ์ดˆ๊ธฐ ํ™˜๊ฒฝ์„ค์ •
  • e.preventdefault()
  • isabstract
  • reactive variables
  • ์‚ผ๊ฐํ•จ์ˆ˜
  • ํ•จ์ˆ˜ ํ‘œํ˜„์‹
  • gridhelper
  • API
  • getelapsedtime()
  • type-graphql
  • mapped types
  • joi ์—๋Ÿฌ
  • ๋ฐ์ดํ„ฐ ํฌ๋งท
  • ๋””์ž์ธ ํŒจํ„ด
  • ์›ํ˜•์ ์ธ ์›€์ง์ž„
  • react ์„ฑ๋Šฅ ์ตœ์ ํ™”
  • ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ
  • ์˜คํ”„-ํ”„๋ ˆ๋ฏธ์Šค(off-premise) ๋ฐฉ์‹
  • Decorators
  • ์Šค์ฝ”ํ”„
  • ๋ Œ๋”๋ง ์„ฑ๋Šฅ ์ตœ์ ํ™”

์ตœ๊ทผ ๊ธ€

๊ด€๋ฆฌ์ž

๊ธ€์“ฐ๊ธฐ / ์Šคํ‚จํŽธ์ง‘ / ๊ด€๋ฆฌ์žํŽ˜์ด์ง€
hELLO ยท Designed By ์ •์ƒ์šฐ.
wam

w__am ๊ฐœ๋ฐœ๋…ธํŠธ

E2E (End-to-End)
Frontend/E2E

E2E (End-to-End)

2024. 7. 15. 18:21

 

๐Ÿง E2E (End-to-End)

- ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ธฐ๋Šฅ์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ „์ฒด์ ์œผ๋กœ ๊ฒ€์ฆ ํ•˜๋Š” ๊ฒƒ

 

 

E2E (End-to-End)

  • ํ…Œ์ŠคํŠธ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์‹œ์ž‘๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ „์ฒด ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ํ…Œ์ŠคํŠธํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.
  • ์ด ํ…Œ์ŠคํŠธ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹ค์ œ๋กœ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜๋Š”์ง€๋ฅผ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ํ•˜์—ฌ, ๋ชจ๋“  ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ํ•จ๊ป˜ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.
  • ๊ฐ„๋‹จํžˆ ๋งํ•ด, E2E ํ…Œ์ŠคํŠธ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ธฐ๋Šฅ์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ „์ฒด์ ์œผ๋กœ ๊ฒ€์ฆํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

 

 

์žฅ์ 

  • ์‹ ๋ขฐ์„ฑ: ์‹ค์ œ ์‚ฌ์šฉ์ž ํ๋ฆ„์„ ํ…Œ์ŠคํŠธํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๊ธฐ๋Œ€๋Œ€๋กœ ์ž‘๋™ํ•˜๋Š”์ง€ ๋ณด์žฅํ•œ๋‹ค.
  • ํ†ตํ•ฉ ํ™•์ธ: ๋ชจ๋“  ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ํ•จ๊ป˜ ์ž‘๋™ํ•˜๋Š”์ง€ ํ™•์ธํ•˜์—ฌ ํ†ตํ•ฉ ๋ฌธ์ œ๋ฅผ ์กฐ๊ธฐ์— ๋ฐœ๊ฒฌํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

๋‹จ์ 

  • ์‹œ๊ฐ„ ์†Œ์š”: ํ…Œ์ŠคํŠธ ์‹คํ–‰ ์‹œ๊ฐ„์ด ๊ธธ์–ด์งˆ ์ˆ˜ ์žˆ๋‹ค.
  • ๋ณต์žก์„ฑ: ์„ค์ • ๋ฐ ์œ ์ง€ ๊ด€๋ฆฌ๊ฐ€ ๋ณต์žกํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

์˜ˆ์ œ ์ฝ”๋“œ ์„ค๋ช…

  1. NestJS ํ…Œ์ŠคํŠธ ์œ ํ‹ธ๋ฆฌํ‹ฐ ๋ฐ ๋ชจ๋“ˆ ๋กœ๋“œ
    • @nestjs/testing, supertest, AppModule ๋“ฑ์„ ๊ฐ€์ ธ์˜จ๋‹ค.

  2. ํ…Œ์ŠคํŠธ ํ™˜๊ฒฝ ์„ค์ •
    • beforeEach ๋ธ”๋ก์—์„œ NestJS ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์ดˆ๊ธฐํ™”ํ•œ๋‹ค.

  3. ํ…Œ์ŠคํŠธ ์‹คํ–‰:
    • ๊ฐ ํ…Œ์ŠคํŠธ๋Š” ๋…๋ฆฝ์ ์œผ๋กœ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ํŠน์ • ๊ธฐ๋Šฅ์„ ๊ฒ€์ฆํ•œ๋‹ค.

describe("UserModule (e2e)", () => {
  let app: INestApplication;

  beforeEach(async () => {
    const module: TestingModule = await Test.createTestingModule({
      imports: [AppModule],
    }).compile();

    app = module.createNestApplication();
    await app.init();
  });

  // ์ถ”๊ฐ€์ ์ธ ํ…Œ์ŠคํŠธ ์ผ€์ด์Šค๋“ค์„ ์ž‘์„ฑํ•˜์—ฌ E2E ํ…Œ์ŠคํŠธ๋ฅผ ์ง„ํ–‰
});

 

 

 

์ €์ž‘์žํ‘œ์‹œ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'Frontend > E2E' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Resolver ํ…Œ์ŠคํŠธ ์‚ฌ์šฉ๋ฒ• ์˜ˆ์ œ  (0) 2024.07.15
[์ดˆ๊ธฐ์„ค์ •] ํ…Œ์ŠคํŠธ๊ฐ€ ๋๋‚œ ํ›„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋‚ด์šฉ dropํ•˜๊ธฐ  (0) 2024.07.15
[์ดˆ๊ธฐ์„ค์ •] E2E ์„ค์ • ๊ตฌ์„ฑ, ๊ฒฝ๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ  (0) 2024.07.15
[์ดˆ๊ธฐ์„ค์ •] E2E ํ…Œ์ŠคํŠธ๋ฅผ ์„ค์ •ํ•˜๋Š” ์˜ˆ์ œ ์ฝ”๋“œ ์„ค๋ช…  (0) 2024.07.15
    'Frontend/E2E' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • Resolver ํ…Œ์ŠคํŠธ ์‚ฌ์šฉ๋ฒ• ์˜ˆ์ œ
    • [์ดˆ๊ธฐ์„ค์ •] ํ…Œ์ŠคํŠธ๊ฐ€ ๋๋‚œ ํ›„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋‚ด์šฉ dropํ•˜๊ธฐ
    • [์ดˆ๊ธฐ์„ค์ •] E2E ์„ค์ • ๊ตฌ์„ฑ, ๊ฒฝ๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ
    • [์ดˆ๊ธฐ์„ค์ •] E2E ํ…Œ์ŠคํŠธ๋ฅผ ์„ค์ •ํ•˜๋Š” ์˜ˆ์ œ ์ฝ”๋“œ ์„ค๋ช…
    wam
    wam

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”