Skip to content

Commit

Permalink
publish ng Hamburg talk
Browse files Browse the repository at this point in the history
  • Loading branch information
juristr committed Jan 11, 2017
1 parent 344995e commit 51a8f9b
Show file tree
Hide file tree
Showing 5 changed files with 65 additions and 0 deletions.
3 changes: 3 additions & 0 deletions _includes/warn-notice.html
@@ -0,0 +1,3 @@
<div style="color: #8a6d3b; background-color: #fcf8e3; border:2px solid #f9dead; padding: 15px; margin-bottom: 20px; border-radius: 4px;">
{{ message }}
</div>
62 changes: 62 additions & 0 deletions _posts/2017-01-11-talk-angular-testing-recipes.md
@@ -0,0 +1,62 @@
---
layout: post_new
title: "Talk: Testing with Angular - Some Recipes"
lead: "My talk for Angular Hamburg on demoing some recipes for testing Angular applications"
postimg: "/blog/assets/imgs/testing-with-angular.png"
tags: [ "Angular", "Testing", "Talks"]
---

<div class="article-intro">
I recently wanted to dive deeper into testing Angular applications, in specific on how to write proper unit tests for some common scenarious you might encounter. [Dave](https://twitter.com/webdave_de), the organizer of [the Angular Hamburg Meetup group](https://twitter.com/angular_hamburg) asked me whether I'd be interested in doing a talk. So here we are, read on for the slides, GitHub repo and video of the talk :wink:.
</div>

{% assign message = "Contents are based on Angular version 2+." %}
{% include warn-notice.html %}

{% include postads %}

<figure class="image--medium">
<a href="/blog/assets/imgs/nghamburg-twitter.jpg" class="image--zoom">
<img src="/blog/assets/imgs/nghamburg-twitter.jpg">
</a>
</figure>

## Slides and recorded talk

{% include article-link.html
url="https://goo.gl/W5WyHd"
title="Testing with Angular! Some Recipes"
text="Slides from my talk for Angular Hamburg."
imageurl="/blog/assets/imgs/linkpics/googleslides.png"
%}

Here's the video of my talk:

{% assign youtube_id = "Uw_XomCJaGQ" %}
{% include youtube.html %}

## Code Repository

I setup a dedicated code repository with the purpose of collecting **testing recipes for various scenarious** you might encounter while testing your Angular applications.

{% include article-link.html
url="https://github.com/juristr/angular-testing-recipes"
title="GitHub: angular-testing-recipes"
text="A code repository full of testing recipes. Check them out and help me create more!"
imageurl="/blog/assets/imgs/githublogo.svg"
%}

You have some more? Share them with me and contribute them to the repository :+1:

## Related articles

There are some awesome articles out there on testing Angular applications. Here are some I found useful.

- [Angular 2 Testing Guide by Gerard Sans](https://medium.com/google-developer-experts/angular-2-testing-guide-a485b6cb1ef0)
- [Testing Angular Directives with Custom Matchers by Thoughtram](https://blog.thoughtram.io/angular/2016/12/27/angular-2-advance-testing-with-custom-matchers.html)
- [Essential Angular Testing by Nrwl](https://blog.nrwl.io/essential-angular-testing-192315f8be9b#.undqs5icx)
- [Three Ways to Test Angular 2 Components by Victor Savkin](https://vsavkin.com/three-ways-to-test-angular-2-components-dcea8e90bd8d#.hif9f24b5)

## Conclusion

Thanks [Dave](https://twitter.com/webdave_de) and [Angular Hamburg](https://twitter.com/angular_hamburg) for having me!
Binary file added blog/assets/imgs/linkpics/googleslides.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added blog/assets/imgs/nghamburg-twitter.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added blog/assets/imgs/testing-with-angular.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 51a8f9b

Please sign in to comment.