Kentan - The Conductor For Your Test Data

This talk was given at https://www.meetup.com/de-DE/FrankenJS/events/254442565/.
It introduces you to the feature set of Kentan.

Kentan allows you to organize your test data.
Additionally, this library comes with built-in support for Angular CLI projects.

Documentation: https://kentan-official.github.com/kentan

Transcript

1. co-IT.eu GmbH We Empower Outstanding Business Solutions www.co-IT.eu The Conductor For Your Test Data @GregOnNet Kentan
2. Arrange Act Assert Theoretically … EVOLUTION OF UNIT TESTS
3. Arrange Act Assert Practically… EVOLUTION OF UNIT TESTS
4. @GregOnNet CTO Gregor Woiwode
5. The share for Arrangement and Act grows
6. Why? The task synthesizing test data is underestimated.
7. https://kentan-official.github.io/kentan/
9. Support for Testing Frameworks KENTAN All that use
10. The flow of Kentan ARCHITECTURE Setup Model Configure Test Sketch Compose Override
11. Test Data The Stanford Daily Courtesy of Dr. Dave Welland
12. Kentan The Stanford Daily Courtesy of Dr. Dave Welland The conductor for your test data
13. Model Sketch export interface Product { id: number; title: string; description: string; priceInDollars: number; }
14. Sketch import { Sketch } from '@kentan-official/core'; import { Product } from '@models/product'; export class ForProduct extends Sketch<Product> { constructor() { super({ id: 1, title: 'XBox One‘, description: 'Gaming Console‘, priceInDollars: 300 }); } }
15. Sketch import { Sketch } from '@kentan-official/core'; import { Product } from '@models/product'; export class ForProduct extends Sketch<Product> { constructor() { super({ id: 1, title: 'XBox One‘, description: 'Gaming Console‘, priceInDollars: 300 }); } }
16. Sketch import { Sketch } from '@kentan-official/core'; import { Product } from '@models/product'; export class ForProduct extends Sketch<Product> { constructor() { super({ id: 1, title: 'XBox One‘, description: 'Gaming Console‘, priceInDollars: 300 }); } }
17. Sketch import { Sketch } from '@kentan-official/core'; import { Product } from '@models/product'; export class ForProduct extends Sketch<Product> { constructor() { super({ id: 1, title: 'XBox One', description: 'Gaming Console', priceInDollars: 300 }); } }
18. Test SKETCH describe('Product', () => { describe('When a price is given', () => { it('should yield the actual price', () => { const givenPrice = 300; const product = Kentan.sketch(ForProduct).model(); expect(product.priceInDollars).toBe(givenPrice); }); }); });
19. Test SKETCH describe('Product', () => { describe('When a price is given', () => { it('should yield the actual price', () => { const givenPrice = 300; const product = Kentan.sketch(ForProduct).model(); expect(product.priceInDollars).toBe(givenPrice); }); }); });
20. Test SKETCH describe('Product', () => { describe('When a price is given', () => { it('should yield the actual price', () => { const givenPrice = 300; const product = Kentan.sketch(ForProduct).model(); expect(product.priceInDollars).toBe(givenPrice); }); }); });
21. Test SKETCH describe('Product', () => { describe('When a price is given', () => { it('should yield the actual price', () => { const givenPrice = 300; const product = Kentan.sketch(ForProduct).model(); expect(product.priceInDollars).toBe(givenPrice); }); }); });
22. Adjust SKETCH Kentan.sketch(ForShoppingBasket).model({ title: 'Play Station' }); Kentan provides bulk overrides.
23. Adjust SKETCH Kentan.sketch(ForShoppingBasket) .take(10) .models({ title: index => `Game Console ${index}` }); Kentan creates lists
24. Adjust SKETCH Kentan.sketch(ForShoppingBasket) .take(10) .models({ title: index => `Game Console ${index}` }); Bulk overrides for lists
25. npm install @kentan-official/core Kentan is hosted at
26. Demo https://github.com/kentan-official/quick-start
28. Fixtures CYPRESS UI TESTS API Fixture
29. Fixtures CYPRESS Fixture = JSON-File
30. Fixture Usage CYPRESS cy.route( 'GET', 'comments/*', 'fixture:example') .as('getComment')
31. Fixtures are static CYPRESS Easy to use Hard to adjust for certain test cases
32. Kentan has built-in support for cypress.io
33. Demo https://github.com/kentan-official/cypress-playground
34. The Downside Of Kentan KENTAN More Files Boilerplate Code
35. If you detect a weakness turn it into a strength.
36. +
37. ng add @kentan-official/schematics Add Kentan to https://kentan-official.github.io/kentan/docs/#/angular-cli/schematics
38. Demo https://github.com/kentan-official/angular-playground
39. Summary KENTAN Sketch creates reusable test data Generator builds configurable Sketch-Lists Helpers configure Sketches Tooling for Angular generating Sketchs automatically
40. github.com/kentan-official/kentan/
41. co-IT.eu GmbH We Empower Outstanding Business Solutions www.co-IT.eu Thank You @GregOnNet