Tobi and Vanessa talk to Tim Seckinger, one Contributor of the delightful JavaScript Testing Framework Jest. He tells us all about the past and future of Jest, including the updates for the current version 27. He gives an overview of all of the great features of the testing framework.

In this episode, Mirjam Bäuerlein, Roman Kuba, and Vanessa Böhner talked about how to test UI Components like Vue, React or Svelte components. They discussed when they 'shallowMount' and 'mount' components, and when they mock or don't mock API requests, stores, or other dependencies. Roman and Mirjam tell stories about performance issues, whereas Vanessa never experiences those problems working on a micro-frontend bases project in the last couple of months. On the contrary, she and her teams needed strict rules about what exactly one component or one unit is.

Dave, Mirjam and Vanessa had a closer look at the E2E testing tool Cypress (Cypress.io). First, they clarified what E2E Testing is and which role those tests play in the Testing Pyramid. They discussed the pain points other End To End Testing Suites like Selenium. But is Cypress the perfect newcomer on the market or is it just another hype? They talked about the weak points of the library, too.

In this episode of expect(Exception), Vanessa and Tobi talk to David Khourshid about State Machines. They talk about his inspiration to build XState and how to add state machines to existing codebases. As usual, they discuss what possible tradeoffs. In the end they give a lookout for future changes and where to find the XState community. David shares a great tip how he organises himself and gets so many things done.

Vanessa and Tobi T. are diving deep into the beloved End-to-End testing framework Cypress, together with Priyanka Kore and Tobias Struckmeier. 

Tobias S. is an official Cypress Ambassador and also organizes the first Cypress Meetup in Germany.

Long-awaited answers to questions like, "On which data should I grab on? id, data-*, test-id, ...", "When should I bring in e2e-tests?", "Are there more UI-driven ways to create e2e-tests?" are finally clarified, and you will also get a glimpse of some pretty amazing stuff that is currently experimental within Cypress. 

If you are entirely new to Cypress, don't miss to check out our previous episode about the basics!

Links

https://github.com/bahmutov/cypress-book-todomvc

https://applitools.com/blog/page-objects-app-actions-cypress

https://docs.cypress.io/examples/examples/recipes.html#Logging-In

https://www.meetup.com/de-DE/cypress-de-community/

Glebs article about Page objects https://www.cypress.io/blog/2019/01/03/stop-using-page-objects-and-start-using-app-actions/

https://github.com/cypress-io/cypress-realworld-app

https://github.com/bahmutov/cypress-movie

Picks

Tobias S: briefs.video

Priyanka: Gleb's Cypress blog

Tobi: bundlephobia

Vanessa: imissmybar.com

Codes

35% discount on all Manning Products with the code "podexcept20" using the link: https://www.manning.com/?utm_source=expect-exception&utm_medium=affiliate&utm_campaign=affiliate&a_aid=expect-exception

Vanessa and Nik talk to Lucas da Costa about his almost finished Book Testing JavaScript Applications. Lucas is also the author of Chai.js and Sinon.js.

They talk about the Testing Pyramid, Code Coverage, Jest and Cypress, Mocha, and much more - check out the chapter marks for more information. Lucas also mentioned an article about to never to a full rewrite.

Free eBooks & Codes

We are happy to offer 4 free eBook copies. To win, go on Twitter, follow @expectPodcast, and comment or retweet the post about this episode telling that you'd like to win a free copy of Blazor in Action. Deadline: 9th of February 2021, 6 pm CET.

Manning Publications 35% discount code for all of their products in all formats: podexcept20

Thanks to

Music from Pixabay

Domain Hosting by @webdave_de

Tobi tells Vanessa and Roman about mutation testing, what Stryker is, which advantages it brings and which pitfalls there might be.

Picks

Tobi: Das Tor des Zen

Roman: Longest Journey HD Mode

Vanessa: Toniebox

Use the code podexcept20 to get a 35% discount on all of the Manning Publications products.

Music from Pixabay

In this episode of expect(Exception), Tobi Timm talks to Roman and me about property-based testing, how powerful it is, if it has any downsides at all, and which library you can use for Javascript applications. Stay to the end of the episode if you want to know what you could do with your time instead of spending it on writing hundreds of tests manually.

In JavaScript we can use Faker to create sets of input data. But is there a tool for property based testing? There is! While there is QuickCheck for Haskell, Hypothesis for Python, ScalaTest or Scala, fscheck for .NET, junit-quickcheck for Java, and rantly for Ruby, also Javascript has one library to include property-based testing in any Frontend testing tool like Mocha, Jest, Cypress, Playwright: it's fast-check!

Show Notes:

[00:00:00] Intro

[00:01:35] What is property based testing?

[00:03:36] Are there performance issues?

[00:07:23] Factory Functions to create sets of input data

[00:08:54] When and where to use and run property based tests?

[00:12:42] Value provided by property based testing

[00:18:42] Downsides of property based testing

[00:26:21] Fastcheck

[00:34:26] Input data to test against

Picks:

Tobi: Beard Oil

Roman: a product analytics tool that's actually convincing to use

Vanessa: Artificial Intelligence, A Guide for Thinking Humans

Use the code podexcept20 to get a 35% discount on all of the Manning Publications products.

Music from Pixabay

In this episode of expect(Exception) we talk with Chris Sainty, author of the book Blazor in Action. We talk about what Blazor actually is, why we like it and of course, how to test it.

Free eBooks & Codes

We are happy to offer 4 free eBook copies. To win, go on twitter, follow @expectPodcast (https://twitter.com/expectPodcast), and comment or retweet the post about this episode telling that you'd like to win a free copy of Blazor in Action.

Manning Publications 35% discount code for all of their products in all formats: podexcept20

Link: http://mng.bz/BEJv

Free Trial for ZAGE, Link: https://app.zage.life

Picks / Links

Blazor Workshop: https://github.com/dotnet-presentations/blazor-workshop

Blazor Tutorial: https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/intro

tailwindcss: https://tailwindcss.com/

Thanks to

Music from Pixabay: https://pixabay.com

Domain Hosting by @webdave_de