Bug Reporting Time Machine for AngularJS

•

5 likes•2,970 views

This document discusses Usersnap, a bug reporting tool for AngularJS applications. It allows users to automatically attach screenshots to bug reports directly from within the app. The tool includes a console recorder that logs console messages, errors, AJAX requests and more to help developers reproduce issues. This helps non-technical users report bugs and makes issues easier for developers to fix. While powerful, it does have limitations as Usersnap loads asynchronously.

Technology

BUG REPORTING TIME MACHINE FOR ANGULARJS
Vienna AngularJS | 2014-11-04 | Josef Trauner –jt@usersnap.com

WhatisUsersnap?
Automatically attach a Screenshot to every bug report?

The solution
Directly In-App/In-Site Bug reporting where the bug occurs.

Usersnap Dashboard
•Why Angular?
•old Codebase:
–Combination of jQuery
–jQuery plugins
–Grown code structure
–„no“ Architecture
–methods were simply added

Usersnap Dashboard
•What we are using:
–angular-ui/ui-router
–ngbp/ngbp (ng-boilerplate)
–UI/CSS: Boostrap (less)
–Some jQuery Plugins (wrapped into directives)

BUT THERE IS STILL SOMETHING MISSING
USERSNAP CONSOLE RECORDER

Console Recorder
•aka. Time Machine
•A screenshot is great + contains a lot of information
•Mostly happens in complex applications
•What happens if:
–Ajax call failed
–JavaScript errors happen
–User experiences only a wrong UI

•Now you get super power
•Record all console log/warn/error
•XHR Requests

Same view as you have it in your browser

Usersnap + Angular
•Example: Without Angular
•Angular + Usersnap
–Out of the box: leads to wrong logging!
–Use our AngularJS wrapper
•https://github.com/usersnap/public/

DEMO TIME 2
CONSOLE RECORDER + ANGULARJS

Summary/Limitations
•Benefits during development
–Non Tech savy users can report bugs
–Way easier to reproduce issues
•Limitations:
–Usersnap will be loaded async

QUESTIONS
I TRY TO ANSWER EVERYTHING ;-)

JOSEF TRAUNER
@josef_trauner
CO –Founder / Product
jt@usersnap.com
Image credits: photopin.com

In the last year, Microsoft and the open source community have been hard at work implementing the WebDriver protocol to automate desktop apps. In this talk, Dan and Yosef will discuss why Microsoft embraces the WebDriver protocol, take a deep-dive into how Appium controls Windows and Mac apps, and present demonstrations and sample code for automating desktop apps (including touch and pen input). Dan Cuellar – Principal Development Manager, FOODIt Yosef Durr – Senior Lead Program Manager, Microsoft

Advanced automated visual testing with Selenium

adamcarmi

Slides presented at Selenium Conference India 2016 Automated visual testing is a major emerging trend in the dev / test community. In this talk you will learn what visual testing is and why it should be automated. We will take a deep dive into some of the technological challenges involved with visual test automation and show how modern tools address them. We will review available Selenium-based open-source and commercial visual testing tools, demo cutting edge technologies that enable running cross browser and cross device visual tests at large scale, and show how visual test automation fits in the development / deployment lifecycle. If you don’t know what visual testing is, if you think that Sikuli is a visual test automation tool, if you are already automating your visual tests and want to learn more on what else is out there, if you are on your way to implement Continuous Deployment or just interested in seeing how cool image processing algorithms can be, this talk is for you!

Developing of a high load java script framework

Mikita Manko

Skype goes agile

Alexey Ilyichev

In 2011, I worked for Qik, a startup that got aqcuired by Skype. At that time Skype was in the middle of an agile transition. Аfter aquisition, Qik team was told to adopt the Agile process used by Skype. I worked with the team as an agile coach. After adopting Skype's process, our ability to deliver was brought down to almost zero. In this talk, I'll tell you the story as it happened, analyze the key problems that we faced and describe how we finally solved them.

Progressive web apps - prepare your web for 2017 (Devfest Ukraine 2016)

jskvara

Remember back when AJAX completely changed what was possible in the desktop web? Progressive web apps are that same fundamental shift for the mobile web." said Rahul Row-Chowdhury (Google’s product lead for chrome and the web platform) on stage at Google I/O 2016. - Progressive web apps use new capabilities to deliver an app-like user experience. In this talk we will take a look at push notifications, app shell, RAIL and other new technologies.

Online Kanban boards are considered to be one of the most efficient tools for improving team productivity and visual project management. They are used with success in large, medium and small businesses all around the world. They help to visualize, control and optimize workflow, as well as to collaborate with your team members in real time. Watch the presentation and learn more about online Kanban boards by Kanban Tool.

Going Serverless with AWS Lambda, Google Cloud Functions and more

El Mahdi Benzekri

Serverless computing is a cloud-computing execution model in which the cloud provider runs the server, and dynamically manages the allocation of machine resources. Pricing is based on the actual amount of resources consumed by an application, rather than on pre-purchased units of capacity. The IT giants offers very rich and powerful solutions for serverless, from AWS Lambda to Google Cloud Fuctions with very small specificities. Serverless usage is increasing in different fields, from automatic testing to e-commerce, MABL is one the innovating projects using Google's serverless architecture

SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Save time, save money: Move your selenium testing on cloud

Anshul Sharma

As a software professional it is very important to make sure the software/utility being developed is performing as per specification and being tested thoroughly on cross browser and multi platform, in order to make sure the software is compatible across multiple platforms it takes substantial amount of infrastrucre, manpower and maintenance to it, what if we all of this can be acheived with faster results, better coverage and cost effectively. Come lets talk about how we can acheive all of this by leveraging the use of cloud platform for our selenium testing https://bscwest.techwell.com/program/concurrent-sessions/move-your-selenium-testing-cloud

A Lap around ASP.NET 5 - VConf

Sam Basu

SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario Change the way you will think for your next SharePoint project

Pain Free Frontend Development

Vanessa Böhner

SharePoint Saturday Utah 2018 - SharePoint Framework, Angular and Azure Funct...

Sébastien Levert

Increase automation to rest

Shivaling Sannalli

Selenium Based Visual Test Automation

adamcarmi

SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular and of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Office space presentation

Sunny Singh

BuildStatus - PiterJS #1

PiterJS

Hangout: Novidades do Xamarin

William S. Rodriguez

Bhuvi ppt zerobug

BhuviS3

Visual Automation Framework via Screenshot Comparison

Mek Srunyu Stittri

Angular Meetup 1 - Angular Basics and Workshop

Nitin Bhojwani

Angular JS 2_0 BCS CTO_in_Res V3

Bruce Pentreath

What's hot

Velocity building a performance lab for mobile apps in a day - final

Ashray Mathur

TelerikNEXT What's new in UI for ASP.NET AJAX

Ed Charbeneau

Putting the 'ctions' in Azure Fun-ctions

NullOps

Serverless by examples and case studies

CodeOps Technologies LLP

Fast track to higher productivity with online Kanban boards

Shore Labs

Going Serverless with AWS Lambda, Google Cloud Functions and more

El Mahdi Benzekri

SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...

Sébastien Levert

Save time, save money: Move your selenium testing on cloud

Anshul Sharma

A Lap around ASP.NET 5 - VConf

Sam Basu

SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario Change the way you will think for your next SharePoint project

Pain Free Frontend Development

Vanessa Böhner

SharePoint Saturday Utah 2018 - SharePoint Framework, Angular and Azure Funct...

Sébastien Levert

Increase automation to rest

Shivaling Sannalli

Selenium Based Visual Test Automation

adamcarmi

SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular and of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Office space presentation

Sunny Singh

BuildStatus - PiterJS #1

PiterJS

Hangout: Novidades do Xamarin

William S. Rodriguez

Bhuvi ppt zerobug

BhuviS3

Visual Automation Framework via Screenshot Comparison

Mek Srunyu Stittri

What's hot (20)

Velocity building a performance lab for mobile apps in a day - final

TelerikNEXT What's new in UI for ASP.NET AJAX

Putting the 'ctions' in Azure Fun-ctions

Serverless by examples and case studies

Fast track to higher productivity with online Kanban boards

Going Serverless with AWS Lambda, Google Cloud Functions and more

SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...

Save time, save money: Move your selenium testing on cloud

A Lap around ASP.NET 5 - VConf

SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions

Pain Free Frontend Development

SharePoint Saturday Utah 2018 - SharePoint Framework, Angular and Azure Funct...

Increase automation to rest

Selenium Based Visual Test Automation

SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...

Office space presentation

BuildStatus - PiterJS #1

Hangout: Novidades do Xamarin

Bhuvi ppt zerobug

Visual Automation Framework via Screenshot Comparison

Similar to Bug Reporting Time Machine for AngularJS

Angular Meetup 1 - Angular Basics and Workshop

Nitin Bhojwani

Angular JS 2_0 BCS CTO_in_Res V3

Bruce Pentreath

Angular Universal

Oleksandr Telnov

Making Angular2 lean and Fast

Vinci Rufus

[143]Inside fuse deview 2016

NAVER D2

European Collaboration Summit - SharePoint Framework Angular & Azure Functions

Sébastien Levert

North American Collaboration Summit 2018 - SharePoint Framework, Angular and ...

Sébastien Levert

North American Collaboration Summit 2018 - SharePoint Framework, Angular & Az...

Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 5 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

ITB2015 - Crash Course in Ionic + AngularJS

Ortus Solutions, Corp

Ionic is a great tool for building hybrid mobile apps and AngularJS is a great JavaScript framework that plays very nicely with Ionic. In this talk we'll go over the basics of getting started with AngularJS+Ionic. We'll look at some real code from each of the 2 libraries and see what all is involved in building a hybrid mobile application. We will finish our journey with a real-life Ionic app presentation powered by RESTFul services.

Debugging your Way through .NET with Visual Studio 2015

Ido Flatow

Mvvm knockout vs angular

Basarat Syed

Mobile Applications with Angular 4 and Ionic 3

Oleksandr Tryshchenko

Measuring Performance / iOS Apps

Igor Mandrigin

Getting Started with the Angular 2 CLI

Jim Lynch

DCAST Meetup - Washington, DC Feb 2016

Justin Ison