Test Driving (TDD) a React.js UI Component with Jasmine

•

2 likes•1,800 views

Over the past decade, eXtreme Programming practices like Test-Driven Development (TDD) & Behaviour Driven Developer (BDD), Refactoring, Continuous Integration and Automation have fundamentally changed software development processes and inherently how engineers work. While TDD has seen a great adoption on server side, developers still find it hard to apply TDD for developing UI components. In code walk-thru where Naresh will build a web commenting and discussion feature (like Disqus) in React.js, 100% test driven. He will also demonstrate how TDD will help us drive an object-functional design to strike a pragmatic balance between the Object-Oriented and Functional Programming paradigms. More details: https://confengine.com/agile-singapore-2016/proposal/2370/test-driving-a-reactjs-ui-component-with-jasmine

Software

Naresh Jain
@nashjain
http://nareshjain.com
Test Driving React.js

O O + F P + T D D
T H I S W O R K S H O P I S A B O U T …

A G E N D A - 4 5 M I N S
• Basic Setup (WebStorm, NPM, Jasmine, Karma, …)
• Code Walk Thru of Test Driving a Comments react
component
• Next Steps…

Add a Test
Run the Test
Make a little
change
Run the Test
Refactor
Fail
Pass
Fail
Pass
TDD Rhythm
Test, Code, Refactor

B A S I C S E T U P
• git clone git@github.com:nashjain/React-Karma-Jasmine-Webpack-Babel-ES6-JS.git
• cd React-Karma-Jasmine-Webpack-Babel-ES6-JS
• npm update
• npm run test
• should see 32 tests pass
• Open the project in WebStorm
• Right click on karma.conf.js and select “Run karma.conf.js”
• should see 32 tests pass

O U R P L U G I N ’ S F E AT U R E S
• Should be able to accept a comments json and display the comments
• Should display most popular (with max likes) comments on top
• If 2 comments have same likes, then the most recent comment on
top
• Private comments should be displayed only to the author of the
comment
• Others should be able to like your comment
• and so on…

R E F E R E N C E S
• https://facebook.github.io/react/
• http://karma-runner.github.io/
• http://webpack.github.io/
• http://jasmine.github.io/edge/introduction.html
• https://github.com/airbnb/enzyme
• https://github.com/jasmine/jasmine-ajax

Naresh Jain
@nashjain
http://nareshjain.com
Thank you!

More from Naresh Jain

In this workshop, Naresh Jain explains what are the core techniques one should master to effectively practice evolutionary design while solving real-world problems. To summarize: 1. Eliminate Noise - Distill down the crux of the problem 2. Divide and Conquer to prioritize and focus on the most important part 3. Add constraints to future simplify the problem 4. Come up with a simple design to incrementally build your solution 5. Refactor: Pause, look for a much simpler alternative 6. Be ready to throw away your solution & start again

Problem Solving Techniques For Evolutionary Design

Naresh Jain

We are super excited to announce the 15th edition of Agile India 2019, Asia's Largest and Premier International conference on Leading Edge Software Development Methods. Agile India is hosted by Agile Alliance and organized by Agile Software Community of India, a non-profit registered society founded in 2004 with a vision to evangelize new, better ways of building products & services that delight the users. Over the last 15 years, we've organized 57 conferences across 13 cities in India. We've hosted 1,000+ speakers from 38 countries, who have delivered 1,200+ sessions to 10,000+ attendees. We continue to be a non-profit, volunteer-run community conference. Agenda * Agile Coach Camp - March 17th * Pre-Conference Workshops – March 18th * Conference Days ** Agile Mindset Day - March 19th ** Business Agility Day - March 20th ** Design Innovation Day - March 21st ** Continuous Delivery and DevOps Day - March 22nd * Post-Conference Workshops – March 23rd and 24th More details: https://2019.agileindia.org

Agile India 2019 Conference Welcome Note

Naresh Jain

A resilient organizational can not only adapt and respond to incremental change but more importantly, can respond to sudden disruptions and also, be the source of disruption in order to prosper and flourish. The traditional risk management approach focuses too much on defensive (stopping bad things happen) thinking versus a more progressive (making good things happen) thinking. Being defensive requires consistency across the organization and this is where methodologies like Plan-Do-Check-Act (PDCA) come in. However, PDCA approach does not bake in the required progressive thinking and flexibility required for a fast company organization which operates in a volatile environment. Professor David Denyer of Cranfield University has recently published a very interesting research report on Organizational Resilience. He has identified the following four quadrants across to help us think about organizational resilience: * preventative control (defensive consistency) * mindful action (defensive flexibility) * performance optimization (progressive consistency) * adaptive innovation (progressive flexibility) In this talk, I'll share my personal experience of using this thinking to help an organization to scale their product to Millions of users. I've dive deep into how we structured our organization for Structural Agility and how we set-up a very lightweight governance model using OKRs to drive the necessary flexible and progressive thinking. More details: https://confengine.com/agile-india-2019/proposal/8216/organisational-resilience-design-your-organisation-to-flourish-not-merely-survive Conference Link: https://2019.agileindia.org

Organizational Resilience

Naresh Jain

Looking to move to Continuous Delivery? Worried about the quality of your the code? Helping your developers understand clean-code practices and getting the right testing strategy in place can take a while. What should you do to control the quality of the incoming code till then? This talk shares our experience of using PRRiskAdvisor to gradually educate and influence developers to write better code and also help the code reviewer to be more effective at their reviews. Every time a developer raises a pull-request, PRRiskAdvisor analyzes the files that were changed and publishes a report on the pull request itself with the overall risk associated with this pull request and also risk associated with each file. It also runs static code analysis using SonarQube and publishes the configured violations as comments on the pull request. This way the reviewer just has to look at the pull request to get a decent idea of what it means to review this pull request. If there are too many violations, then PRRiskAdvisor can also automatically reject the pull request. By doing this, we saw our developers starting paying more attention to clean code practices and hence the overall quality of the incoming code improved, while we worked on putting the right engineering practices and testing strategy in place. More details: https://confengine.com/last-conference-canberra-2018/proposal/7294/improving-the-quality-of-incoming-code Conference Link: https://2019.agileindia.org

Improving the Quality of Incoming Code

Naresh Jain

Here is a quick summary of Agile India 2018 Conference, Asia's Largest and Premier Conference on Business Agility, Design Innovation, Digital Transformation, Continuous Delivery, DevOps, Agile, Scrum, eXtreme Programming, Lean, Kanban, Enterprise Agile, Lean Startup, Research, and Patterns. Get to meet pioneers and expert practitioners from around the world on Agile Mindset, Scaling Agility, Lean Product Discovery, Continuous Delivery and DevOps. 4 - 11 March 2018 at Taj West End, Bangalore. More details: https://2018.agileindia.org

Agile India 2018 Conference Summary

Naresh Jain

We are very excited to announce the 14th edition of Agile India Conference (https://2018.agileindia.org/) with brand new themes and a fabulous lineup of speakers. Agile India is Asia's Largest & Premier International conference on Leading Edge Software Development Methods. Meet: * Alan Cooper - The Father of Visual Basic, Creator of Goal-directed Design methodology and inventor of the Persona concept * Steve Denning - Author of several books on Management, Leadership, Innovation and Organizational Storytelling * Linda Rising - Author of four books, most recently the Fearless Change * Gregor Hohpe - Author of Enterprise Integration Patterns. Technical Director at Google Cloud Computing * James Stewart - Co-founder of the Government Digital Service and x-Deputy CTO of the UK Government * Bjarte Bogsnes - Author of Implementing Beyond Budgeting, Chairman of Beyond Budgeting Roundtable and Senior Advisor Performance Framework at Statoil * Dr. Denis Bauer - Team Leader and Research Scientist in Cloud Computing in Transformational Bioinformatics at CSIRO * Jeff Patton - Author of User Story Mapping and the person responsible for bringing user-centered design thinking to Agile world * Peter Jacobs - Chief Information Officer and board member of ING Bank Netherlands * Nils Kappeyne - VP & CIO for Integrated Gas & New Energies at Shell * And 70 more thought leaders from 16 countries - https://2018.agileindia.org/speakers/ The program spreads across 8 days (March 4-11th 2018, Bengaluru) with two pre-conference plus two post-conference workshop days and four days of conferences in between: * March 4-5th: Pre-Conference Workshops from our international experts * March 6th: Business Agility Day - Hosted by Agile Alliance * March 7th: Design Innovation Day - Hosted by Cooper * March 8th: Digital Transformation Day * March 9th: DevOps and Continuous Delivery Day - Hosted by Red Hat * March 10-11th: Post-Conference Workshops from our international experts Schedule ======== Check out conference schedule for the lineup of workshops and speakers. https://confengine.com/agile-india-2018/schedule Tickets ======= Conference registration is now open and Smart Price offers are going away soon. Register now for best deals!! https://confengine.com/agile-india-2018/register Check out the exciting offers for bulk registrations - https://2018.agileindia.org/agile-india-2018-bulk-booking-offers/. Sponsors ======== We thank Agile Alliance, Cooper, RedHat, Scrum.org, Shell, AddTeq/Atlassian, Scaled Agile, ICAgile and Scrum Alliance for sponsoring the conference. If your organization wants to support this non-profit, volunteer-run conference, please check out sponsorship options https://confengine.com/agile-india-2018/sponsor#guide

Agile India 2018 Conference

Naresh Jain

Agile India 2018 Conference is Asia's Largest and Premier Conference on Business Agility, Design Innovation, Digital Transformation, Continuous Delivery, DevOps, Agile, Scrum, eXtreme Programming, Lean, Kanban, Enterprise Agile, Lean Startup, Research, and Patterns. Get to meet pioneers and expert practitioners from around the world on Agile Mindset, Scaling Agility, Lean Product Discovery, Continuous Delivery and DevOps. 4 - 11 March 2018 at Taj West End, Bangalore. More details: https://2018.agileindia.org

Agile India 2018 Conference

Naresh Jain

Agile India 2018 Conference

Naresh Jain

When migrating to Elixir/OTP from other languages and systems a number of issues will always crop up. The trick is to make sure that these issues don't become problems. This talk will look at some of the more common ones and what to do about them to make sure they don't become problems. More details: https://confengine.com/functional-conf-2017/proposal/5138/pilgrims-progress-to-the-promised-land Conference: https://functionalconf.com

Pilgrim's Progress to the Promised Land by Robert Virding

Naresh Jain

The functional paradigm has been influencing mainstream languages for decades, making developers more efficient whilst helping reduce software maintenance costs. As we are faced with a programming model that needs to scale on multi-core architectures, concurrency becomes critical. In these concurrency models, the functional programming paradigm will become even more evident. To quote Simon Peyton Jones, future concurrent languages will be functional; they might not be called functional, but the features will be. Using his 20 years of programming and teaching Erlang/OTP, Francesco will walk through the functional programming features that make implementations of the actor model viable in the Erlang ecosystem. These are features we might take for granted or do not think about, but have laid the foundation of multi-core and distributed programming, influencing programming languages, old and new. More details: https://confengine.com/functional-conf-2017/proposal/4774/concurrent-languages-are-functional

Concurrent languages are Functional by Francesco Cesarini

Naresh Jain

Erlang is a programming language designed for the Internet Age, although it pre-dates the Web. It is a language designed for multi-core computers, although it pre-dates them too. It is a “beacon language”, to quote Haskell guru Simon Peyton-Jones, in that it more clearly than any other language demonstrates the benefits of concurrency-oriented programming. In this talk, I will introduce Erlang from behind the trenches. By introducing the major language constructs, describe their benefits and discuss the problems Erlang is ideal to solve. I will be doing so from a personal prospective, with anecdotes from my time as an intern at the Ericsson computer science lab at a time when the language was being heavily influenced and later when working on the OTP R1 release. More details: https://confengine.com/functional-conf-2017/proposal/4787/an-introduction-to-erlang-from-behind-the-trenches

Erlang from behing the trenches by Francesco Cesarini

Naresh Jain

Anatomy of an eCommerce Search Engine by Mayur Datar

Naresh Jain

Hike is a mobile-first, messaging platform that is used by 100 million users to exchange 40 billion messages/month. Hike app is available on Android, iOS and Windows phone. On the back-end, we’ve 100+ macro-services in Java, Python, Ruby, Go and Elixir. While setting up a Continuous Delivery pipeline, we ran into a series of technical challenges. However it was more important to address the organisational/behavioural challenges to ensure a sustainable culture shift in the company. In this talk, I cover how we went about: * Setup a trunk-based development model * Decentralised our build & test environments using Docker and Jenkins * Segregated and containerised our macro-services * Refactored the mobile apps to be more container friendly * Setup a mobile device farm using STF * Improved the quality of code-reviews using PRBuilder & PRRiskAdvisor * Created different kinds of automated tests to align with our CI Pipeline and get rapid feedback * Finally how we used C3 to visualise the health of our code-base

Setting up Continuous Delivery Culture for a Large Scale Mobile App

Naresh Jain

Modern human history is a story of humans inventing new tools to do more with less. "Doing more" has allowed most of us to no longer worry about producing our own food, collecting water, planning long journeys, etc. Instead, we’re able to specialize, buy what we need for less, and to some extent explore ourselves a lot more. We're far from done, and of course humanity is far from perfect. In this talk, Mitchell Hashimoto discusses the role that automations and computers play in building a brighter future. More details: https://confengine.com/agile-india-2017/proposal/3618/towards-futureops-stable-repeatable-environments-from-dev-to-prod

Towards FutureOps: Stable, Repeatable environments from Dev to Prod

Naresh Jain

Agile, OOP... are like good hygiene in the kitchen, it results in meals with consistent quality and predictable prep and service times. It doesn't result in great meals nor substantially impact the ROI! Lean Thinking clearly shows that the only way to make a significant impact is to improve the value chain by improving flow. If everyone is following best practices no one has competitive advantage. Major improvements in the value chain depend on continued disruptive innovations. Innovations leverage people and their ideas. We use case studies to illustrate the different business and technical innovations and their impact. We conclude with a discussion of how to build and leverage an innovation culture versus a sprint death march when dealing with high value time to market projects. More details: https://confengine.com/agile-india-2017/proposal/3608/value-driven-development-maximum-impact-maximum-speed

Value Driven Development by Dave Thomas

Naresh Jain

We are constantly presented with trade-offs when writing software. What are the trade-offs when applying functional programming? What costs arise? When is it not worth doing? When should pragmatism kick in and when should we start using side-effects? This talk will give you some tools to be able to answer the above questions for both functional programming and types. The tools have been refined over many professional years of both doing and not doing purely functional programming. More details: https://confengine.com/functional-conf-2016/proposal/3137/no-silver-bullets-in-functional-programming

No Silver Bullets in Functional Programming by Brian McKenna

Naresh Jain

Agile India 2017 Conference is Asia's Largest and Premier Conference on Agile, Scrum, eXtreme Programming, Lean, Kanban, DevOps, Enterprise Agile, Lean Startup, Continuous Delivery, Research and Patterns. Get to meet pioneers and expert practitioners from around the world on Agile Mindset, Scaling Agility, Lean Product Discovery, Continuous Delivery and DevOps. 6 - 12 March 2017 at ITC Gardenia, Bangalore. More details: http://2017.agileindia.org

Agile India 2017 Conference

Naresh Jain

This talk will explain the secret of the success of the Eclipse Platform team. The Eclipse Way is an agile software development process that we started right at the beginning when we started to develop Eclipse back in 1999. It was and is used by the Eclipse Platform team and got continuously improved over time. During the session you will hear about all our practices, like milestones, early and iterative planning, continuous integration and the endgame. I will also reveal some of the history behind the Eclipse top-level project. More details: https://confengine.com/eclipse-summit-2016/proposal/2386/the-eclipse-way

The Eclipse Way

Naresh Jain

Refactoring is a series of small steps, each of which changes the program’s internal structure without changing its external behaviour. Refactoring, as a tool, to automate behaviour-preserving transformations to source code are not only very popular in agile development environments, but have been widely established as a cornerstone of the daily software development process, regardless of the methodology being used. Most major development environments such as Eclipse offer a set of powerful refactoring to substantially increase development productivity. In this live demo, I’ll show * the real value of refactoring, * how we practice it safely, * when and why we refactor, * the power of refactoring tools and * when we avoid refactoring. I’ll be using two real-world examples of refactoring and sharing what I’ve learned about this important practice of the last 15 years.

Unleashing the Power of Automated Refactoring with JDT

Naresh Jain

Do you want to harness the deeper power of games – the power to drive long-term engagement? Are you ready to look beyond the silver bullets & Skinner boxes – and learn to think like a game designer? In this talk, you’ll learn the foundations of Game Thinking - brought to life with front-line stories from eBay, Ultima Online, The Sims, Rock Band, Covet Fashion, Happify, Lumosity and Slack. You’ll come away with a smarter approach to innovative product design - and practical, actionable design tips you can use right away to turbo-charge your path towards product/market fit. More details: https://confengine.com/agile-india-2016/proposal/1961/getting2alpha-turbo-charge-your-product-with-game-thinking

Getting2Alpha: Turbo-charge your product with Game Thinking by Amy Jo Kim

Naresh Jain

More from Naresh Jain (20)

Problem Solving Techniques For Evolutionary Design

Agile India 2019 Conference Welcome Note

Organizational Resilience

Improving the Quality of Incoming Code

Agile India 2018 Conference Summary

Agile India 2018 Conference

Pilgrim's Progress to the Promised Land by Robert Virding

Concurrent languages are Functional by Francesco Cesarini

Erlang from behing the trenches by Francesco Cesarini

Anatomy of an eCommerce Search Engine by Mayur Datar

Setting up Continuous Delivery Culture for a Large Scale Mobile App

Towards FutureOps: Stable, Repeatable environments from Dev to Prod

Value Driven Development by Dave Thomas

No Silver Bullets in Functional Programming by Brian McKenna

Agile India 2017 Conference

The Eclipse Way

Unleashing the Power of Automated Refactoring with JDT

Getting2Alpha: Turbo-charge your product with Game Thinking by Amy Jo Kim

Recently uploaded

WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity

WSO2

tonesoftg

lanshi9

%in Rustenburg+277-882-255-28 abortion pills for sale in Rustenburg

masabamasaba

Modeling languages are generally applied for developing systems and software – both internally, with domain-specific languages, and with standardized languages targeting a general purpose and a wide audience. Way too often these languages are weakly created and defined leading to poor quality: Language definitions tend to contain errors and inconsistencies; notations do not recognize the communication and problem-solving needs of humans; standardization organizations push exchange formats that do not fully work and offer certificates that do not measure mastery of the language. We describe common problems in language development and point them out with examples from known cases. To overcome these problems, we suggest several solutions to improve language development, including using modeling languages specifically designed to define modeling languages, continuous testing and prototyping, and keeping language users in the loop.

What Goes Wrong with Language Definitions and How to Improve the Situation

Juha-Pekka Tolvanen

%in Soweto+277-882-255-28 abortion pills for sale in soweto

masabamasaba

WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation

WSO2

%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain

masabamasaba

We specialize in Psychic Readings, Psychic Love Spells, Binding Love Spells, Obsession Spells, Voodoo Spells, Lottery Spells, Marriage Spells, Black Magic Spells, Palm Readings & much more. Are you depressed? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? Do u need to solve any relationship problem? Contact the powerful spells caster chief kule with love spells that work overnight and love spells that really work. Have you found yourself infatuated with a special someone you think could be the one? Are you looking for a spell to provide them with a nudge in the right direction? Or maybe the spell you cast didn’t achieve the results you were hoping for? Whether you’re new or versed in the ways of spell casting, we’re here to help. Today we’re going to provide you with a detailed guide on the types of love spells to cast. Not only that but there’s something for those who wish to find outside advice from more advanced spell casters. We’re also going to provide you with the top sites available to help you with your dilemma. Let’s begin our journey by educating ourselves on love magic and what a real love caster looks like. Love Magic and Love Casters Love magic made its first appearance back in Ancient Egypt and has been an active practice since. This type of magic is a branch of traditional magic and can be practiced in various ways. Typically the more common use of love magic is through the work of spells, but other methods look like Charms Rituals-LOVE Potions-Dolls and even Amulets If you are interested in becoming a love caster, be prepared for what’s to come. A genuine love caster knows that the art of love casting is no easy feat and shouldn’t be done casually. You should know that not only does it require you to be gifted spiritually, but you must be ready to serve others. Someone who is considered a real love caster has experience in all manner of spells, no matter the difficulty. Training yourself in attraction, commitment, and marriage spells is an excellent place to start. But this by no means will make you a professional. Practice your craft and expand your knowledge; understand that you will possess the ability to help others in time truly. Types of Love Spells What better way to start broadening your experiences with love spells than by learning more about them? These spells work like just about any other spell. Simply apply your intention, use a medium (sigils, mantras, candles, or charm bags), and top it off with establishing the belief that you will receive what you want. So what kind of spells are available and which ones suit your needs the best? Let’s take a look at the many options you have at your disposal.

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...

masabamasaba

Announcing Codolex 2.0 from GDK Software

Jim McKeeth

%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...

masabamasaba

WSO2CON 2024 - How to Run a Security Program

WSO2

%in tembisa+277-882-255-28 abortion pills for sale in tembisa

masabamasaba

WSO2CON 2024 - Does Open Source Still Matter?

WSO2

WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...

WSO2

%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview

masabamasaba

VTU technical seminar 8Th Sem on Scikit-learn

AmarnathKambale

This presentation covers the following topics: What is logging? The purpose of logging: Debugging The purpose of logging: Security The purpose of logging: Stats & analytics Traditional logging Traditional logging: Advantages Traditional logging: Disadvantages The solution: Large-scale logging Large-scale logging: Core principles Large-scale logging: Solution types Large-scale logging: Cloud vs on-prem Large-scale logging: Operational complexity Large-scale logging: Security Large-scale logging: Costs Large-scale logging: On-prem comparison - Elasticsearch - Grafana Loki - VictoriaLogs On-prem comparison: Setup and operation On-prem comparison: Costs On-prem comparison: Full-text search support On-prem comparison: How to efficiently query 100TB of logs? On-prem comparison: Integration with CLI tools VictoriaLogs for large-scale logging VictoriaLogs demo instance - Ingestion rate: 3600 messages / minute - The number of log messages: 1.1 billion - Uncompressed log messages’ size: 1.5TB - Compressed log messages’ size: 23GB - Compression ratio: 47x - Memory usage: 150MB VictoriaLogs CLI integration demo - Which errors have occurred in all the apps during the last hour? - How many errors have occurred during the last hour? - Which apps generated the most of errors during the last hour? - The number of per-minute errors for the last 10 minutes - Status codes for the last hour - Non-200 status codes for the last week - Top client IPs for the last 4 weeks with 404 and 500 response status codes - Per-month stats for the given IP across all the logs Large-scale logging solution MUST provide excellent CLI integration VictoriaLogs: (temporary) drawbacks VictoriaLogs: Recap - Easy to setup and operate - The lowest RAM usage and disk space usage (up to 30x less than Elasticsearch and Grafana Loki) - Fast full-text search - Excellent integration with traditional command-line tools for log analysis - Accepts logs from popular log shippers (Filebeat, Fluentbit, Logstash, Vector, Promtail, Grafana Agent) - Open source and free to use!

Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024

VictoriaMetrics

WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...

WSO2

WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...

WSO2

MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...

Jittipong Loespradit

Recently uploaded (20)

WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity

tonesoftg

%in Rustenburg+277-882-255-28 abortion pills for sale in Rustenburg

What Goes Wrong with Language Definitions and How to Improve the Situation

%in Soweto+277-882-255-28 abortion pills for sale in soweto

WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation

%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...

Announcing Codolex 2.0 from GDK Software

%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...

WSO2CON 2024 - How to Run a Security Program

%in tembisa+277-882-255-28 abortion pills for sale in tembisa

WSO2CON 2024 - Does Open Source Still Matter?

WSO2CON 2024 - Navigating API Complexity: REST, GraphQL, gRPC, Websocket, Web...

%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview

VTU technical seminar 8Th Sem on Scikit-learn

Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024

WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...

WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...

MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...

Test Driving (TDD) a React.js UI Component with Jasmine

1. Naresh Jain @nashjain http://nareshjain.com Test Driving React.js

2. OO= Modelling Real World

3. …And soon

5. Classic Debate

6. OO Gets A Bad Name X

7. O O + F P + T D D T H I S W O R K S H O P I S A B O U T …

8. A G E N D A - 4 5 M I N S • Basic Setup (WebStorm, NPM, Jasmine, Karma, …) • Code Walk Thru of Test Driving a Comments react component • Next Steps…

9. W E P L A N T O B U I L D T H I S …

10. Add a Test Run the Test Make a little change Run the Test Refactor Fail Pass Fail Pass TDD Rhythm Test, Code, Refactor

11. B A S I C S E T U P • git clone git@github.com:nashjain/React-Karma-Jasmine-Webpack-Babel-ES6-JS.git • cd React-Karma-Jasmine-Webpack-Babel-ES6-JS • npm update • npm run test • should see 32 tests pass • Open the project in WebStorm • Right click on karma.conf.js and select “Run karma.conf.js” • should see 32 tests pass

12. Commercial Break!

14. O U R P L U G I N ’ S F E AT U R E S • Should be able to accept a comments json and display the comments • Should display most popular (with max likes) comments on top • If 2 comments have same likes, then the most recent comment on top • Private comments should be displayed only to the author of the comment • Others should be able to like your comment • and so on…

15. R E F E R E N C E S • https://facebook.github.io/react/ • http://karma-runner.github.io/ • http://webpack.github.io/ • http://jasmine.github.io/edge/introduction.html • https://github.com/airbnb/enzyme • https://github.com/jasmine/jasmine-ajax

16. Naresh Jain @nashjain http://nareshjain.com Thank you!

Test Driving (TDD) a React.js UI Component with Jasmine

Recommended

Recommended

More Related Content

More from Naresh Jain

More from Naresh Jain (20)

Recently uploaded

Recently uploaded (20)

Test Driving (TDD) a React.js UI Component with Jasmine