JSJ 341: Testing in JavaScript with Gil Tayar
JavaScript Jabber27 Marras 2018

JSJ 341: Testing in JavaScript with Gil Tayar

Panel:
  • Aimee Knight
  • AJ O’Neal
  • Charles Max Wood
Special Guest: Gil Tayar In this episode, the panel talks with Gil Tayar who is currently residing in Tel Aviv and is a software engineer. He is currently the Senior Architect at Applitools in Israel. The panel and the guest talk about the different types of tests and when/how one is to use a certain test in a particular situation. They also mention Node, React, Selenium, Puppeteer, and much more!Show Topics:0:00 – Advertisement: KENDO UI 0:35 – Chuck: Our panel is AJ, Aimee, myself – and our special guest is Gil Tayar. Tell us why you are famous!1:13 – Gil talks about where he resides and his background. 2:27 – Chuck: What is the landscape like now with testing and testing tools now?2:39 – Guest: There is a huge renaissance with the JavaScript community. Testing has moved forward in the frontend and backend. Today we have lots of testing tools. We can do frontend testing that wasn’t possible 5 years ago. The major change was React.The guest talks about Node, React, tools, and more!4:17 – Aimee: I advocate for tests and testing. There is a grey area though...how do you treat that? If you have to get something into production, but it’s not THE thing to get into production, does that fall into product or...what?5:02 – Guest: We decided to test everything in the beginning. We actually cam through and did that and since then I don’t think I can use the right code without testing. There are a lot of different situations, though, to consider.The guest gives hypothetical situations that people could face. 6:27 – Aimee.6:32 – Guest: The horror to changing code without tests, I don’t know, I haven’t done that for a while. You write with fear in your heart. Your design is driven by fear, and not what you think is right. In the beginning don’t write those tests, but...7:22 – Aimee: I totally agree and I could go on and on and on.7:42 – Panel: I want to do tests when I know they will create value. I don’t want to do it b/c it’s a mundane thing. Secondly, I find that some times I am in a situation where I cannot write the test b/c I would have to know the business logic is correct. I am in this discovery mode of what is the business logic? I am not just building your app.I guess I just need advice in this area, I guess.8:55 – Guest gives advice to panelist’s question. He mentions how there are two schools of thought.10:20 – Guest: Don’t mock too much.10:54 – Panel: Are unit tests the easiest? I just reach for unit testing b/c it helps me code faster. But 90% of my code is NOT that.11:18 – Guest: Exactly! Most of our test is glue – gluing together a bunch of different stuff! Those are best tested as a medium-sized integration suite.12:39 – Panel: That seems like a lot of work, though! I loathe the database stuff b/c they don’t map cleanly. I hate this database stuff.13:06 – Guest: I agree, but don’t knock the database, but knock the level above the database.13:49 – Guest: Yes, it takes time! Building the script and the testing tools, but when you have it then adding to it is zero time. Once you are in the air it’s smooth sailing.14:17 – Panel: I guess I can see that. I like to do the dumb-way the first time. I am not clear on the transition.14:47 – Guest: Write the code, and then write the tests.The guest gives a hypothetical situation on how/when to test in a certain situation. 16:25 – Panel: Can you talk about that more, please?16:50 – Guest: Don’t have the same unit – do browser and business logic stuff separated. The real business logic stuff needs to be above that level. First principle is separation of concerns.18:04 – Panel talks about dependency interjection and asks a question. 18:27 – Guest: What I am talking about very, very light inter-dependency interjection.19:19 – Panel: You have a main function and you are doing requires in the main function. You are passing the pieces of that into the components that need it.19:44 – Guest: I only do it when it’s necessary; it’s not a religion for me. I do it only for those layers that I know will need to be mocked; like database layers, etc.20:09 – Panel.20:19 – Guest: It’s taken me 80 years to figure out, but I have made plenty of mistakes a long the way. A test should run for 2-5 minutes max for package.20:53 – Panel: What if you have a really messy legacy system? How do you recommend going into that? Do you write tests for things that you think needs to get tested?21:39 – Guest answers the question and mentions Selenium! 24:27 – Panel: I like that approach.24:35 – Chuck: When you say integration test what do you mean?24:44 – Guest: Integration tests aren’t usually talked about. For most people it’s tests that test the database level against the database. For me, the integration tests are taking a set of classes as they are in the application and testing them together w/o the...so they can run in millisecond time.26:54 – Advertisement – Sentry.io 27:52 – Chuck: How much do the tools matter?28:01 – Guest: The revolutions matter. Whether you use Jasmine or Mocha or whatever I don’t think it matters. The tests matter not the tools.28:39 – Aimee: Yes and no. I think some tools are outdated.28:50 – Guest: I got a lot of flack about my blog where I talk about Cypress versus Selenium. I will never use Jasmine. In the end it’s the29:29 – Aimee: I am curious would you be willing to expand on what the Selenium folks were saying about Puppeteer and others may not provide?29:54 – Guest: Cypress was built for frontend developers. They don’t care about cross browser, and they tested in Chrome. Most browsers are typically the same. Selenium was built with the QA mindset – end to end tests that we need to do cross browser.The guest continues with this topic.30:54 – Aimee mentions Cypress. 31:08 – Guest: My guessing is that their priority is not there. I kind of agree with them.31:21 – Aimee: I think they are focusing on mobile more.31:24 – Guest: I think cross browser testing is less of an issue now. There is one area that is important it’s the visual area! It’s important to test visually across these different browsers.32:32 – Guest: Selenium is a Swiss knife – it can do everything.33:32 – Chuck: I am thinking about different topics to talk about. I haven’t used Puppeteer. What’s that about?33:49 – Guest: Puppeteer is much more like Selenium. The reason why it’s great is b/c Puppeteer will always be Google Chrome. 35:42 – Chuck: When should you be running your tests? I like to use some unit tests when I am doing my development but how do you break that down?36:06 – Guest.38:30 – Chuck: You run tests against production?38:45 – Guest: Don’t run tests against production...let me clarify!39:14 – Chuck.39:21 – Guest: When I am talking about integration testing in the backend...40:37 – Chuck asks a question. 40:47 – Guest: I am constantly running between frontend and backend.I didn’t know how to run tests for frontend. I had to invent a new thing and I “invented” the package JS DONG. It’s an implementation of Dong in Node. I found out that I wasn’t the only one and that there were others out there, too.43:14 – Chuck: Nice! You talked in the prep docs that you urged a new frontend developer to not run the app in the browser for 2 months?43:25 – Guest: Yeah, I found out that she was running the application...she said she knew how to write tests. I wanted her to see it my way and it probably was a radical train-of-thought, and that was this...44:40 – Guest: Frontend is so visual.45:12 – Chuck: What are you working on now?45:16 – Guest: I am working with Applitools and I was impressed with what they were doing.The guest goes into further detail.46:08 – Guest: Those screenshots are never the same.48:36 – Panel: It’s...comparing the output to the static site to the...48:50 – Guest: Yes, that static site – if you have 30 pages in your app – most of those are the same. We have this trick where we don’t upload it again and again. Uploading the whole static site is usually very quick. The second thing is we don’t wait for the results. We don’t wait for the whole rendering and we continue with the

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Jaksot(735)

The Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544

The Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544

Today we have special guests Tomer Lichtash and David Frankiel, a web developer and programmer behind the epic hacker folklore project The Story of Mel, a comprehensive guide to The Story of Mel.   This story, which has survived through all the changes in the internet since its birth in 1983, and has morphed through all its iterations into something almost poetic in nature.  This allegory tells the story of the birth of of high-tech culture as we know it today, and creates some heated debate among our panelists as to the validity of its meanings.  Tomer and David tell some of the back story into their journey to discover if the story is a hoax, or if is truly real. SponsorsTop End DevsCoaching | Top End DevsLinksMel's Loop - A Comprehensive Guide to The Story of MelCreeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampTwitter: @tomerlichtashtomerlichtash - OverviewPicksAJ- Form follows function - WikipediaAJ- dotGo 2015 - Rob Pike - Simplicity is ComplicatedAJ - The UnexplainedDan - Downturn in the Tech IndustryDan- The Thief, His Wife and the Canoe (TV Mini Series 2022) - IMDbDan - War in UkraineDavid- What is Windows Presentation Foundation - WPF .NETDavid - Nouran ZoharDavid - In theory there is no difference between theory and practice, but in practice there is.Tomer - Net Pioneers 1.0Tomer- Post-Gogol World, by The Daniil KharmsSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

9 Elo 20221h 6min

Splatty-doo and Other JavaScript Features You Should Avoid - JSJ 543

Splatty-doo and Other JavaScript Features You Should Avoid - JSJ 543

Today in this all panelist episode, we talk about JS features you should avoid using.  However opinions don't always align, and some come with much debate!  Although we couldn’t cover them all, today we discuss:eval withargumentsdo while for I++continue classesprototypesthisvar with letdeleteSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksJavaScript Remote Conference 2022Twitter: ‎@cmaxwPicksAJ- Virginia Ctenucha Ctenucha virginica (Esper, 1794) | Butterflies and Moths of North AmericaAJ- The Mistborn Trilogy by Brandon SandersonAJ- Thread pitch gauge at Lowes.com: Search ResultsCharles- AntidoteCharles- Conferences | Top End DevsCharles- 1883 - Yellowstone Prequel (Official Site) Watch on Paramount+Dan- Can I use... Support tables for HTML5, CSS3, etcDan - War in UkraineDan- Webb Space Telescope GSFC/NASASteve- Coworker Standing At Desk Obviously Just Hasn't Learned About Chairs YetSteve - Dad JokesSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

2 Elo 20221h 16min

Upcoming Performance Metrics for the Web - JSJ 542

Upcoming Performance Metrics for the Web - JSJ 542

Today we have three guests on the show, Annie Sullivan, Yoav Weiss, and Michal Mocny, all of who are engineers who work for Google on the Chrome Web platform.  Looking forward to Google’s new developments for measuring web performance, we dive deep into upcoming performance metrics Largest Contentful Paint (LCP) and Interaction to Next Paint (INP), a full page lifecycle metric.  We discuss what user page interactions we can measure successfully and which we cannot.  We discuss the challenges of single-page applications when looking at core web vitals. SponsorsTop End DevsCoaching | Top End DevsLinksTop End Devs | ConferencesTwitter: @anniesullieTwitter: @mmocnyTwitter: @yoavweissPicksAJ- GothamGo 2018 - Things in Go I Never Use by Mat RyerAJ - AmericaAnnie- Keynote by Mr. Thomas Dullien - CyCon 2018Charles- Just OneDan - Felix Arntz and WordPress PerformanceDan - WatermelonsDan - War in UkraineMichal- Single Handed PodcastMichal - Samurai CarpenterSteve - Dad JokesYoav - No meetings weekYoav- TPAC 2022Yoav- performance.now(); October 27-28, 2022, AmsterdamSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

26 Heinä 20221h 16min

Navigating Online Events and Conferences - JSJ 541

Navigating Online Events and Conferences - JSJ 541

Today, in this all-panelist episode we talk about upcoming online events and conferences.  With upcoming Top End Devs meetups and conferences, starting in August, we talk about all the benefits of being in person at an event, and the camaraderie at and after the event.  We talk about the ways that Airmeet allows for a good connection between the speakers and audience.  You’ll also pick up some tips on becoming a speaker at one of these events. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksTop End Devs | ConferencesGitHub - dadoomer/markdown-slidesThe Original Skunk Works - Nickolas Means | The Lead Developer UK 2017PicksAJ- CrowdNode Masternode Hosting - CrowdNodeAJ- coolaj86/crowdnode-cliAJ- Uniquely Human: A Different Way of Seeing AutismCharles - Airmeet.comCharles - Riverside.fmCharles - Devchat.tvCharles - Premium podcasts from Top End Devs are coming soon!Charles - TopEndDevs.comCharles - Dice ForgeCharles- JavaScript Remote Conference 2022Dan- The Curious Incident of the Dog in the Night-Time: A Novel (Vintage Contemporaries)Dan - The importance of taking care of your bodyDan- Web DirectionsDan - War in UkraineSteve- Vue MasterySteve - Dad JokesSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

19 Heinä 20221h 7min

Builder.io and Qwik - JSJ 540

Builder.io and Qwik - JSJ 540

Today we talk with Steve Sewell, co-founder and CEO of Builder.io, about their visual editor and designer which connects to many open source systems.  Running within a website wysiwyg, it integrates with most modern front end frameworks, such as React, Due and Svelte.  We discuss how it functions and connects to various systems.  We also dive into the backstory of how and why builder.io created their framework called Qwik. SponsorsTop End DevsCoaching | Top End DevsLinksSteve - Builder ioDrag and drop page builder and CMS - Builder.ioTop End Devs | ConferencesTopEndDevs (@topenddevs) TikTok | Watch TopEndDevs's Newest TikTok VideosTwitter: @Steve8708Steve (Builder.io) (u/steve8708) - RedditInstagram: steve8708TikTok: steve8708PicksAJ- Sapiens: A Brief History of HumankindAJ- JavaScript: The Good Parts: The Good PartsCharles- Lost Ruins of ArnakCharles- Top End Devs | ConferencesCharles- Anedot | Powerful giving tools made easyDan - Callout to Twitter thread comparing Copilot to tabnineDan- Spinning Silver: A NovelDan - War in UkraineSteve Edwards - GitHub Copilot available to all developerSteve Sewell - TikTokSteve Sewell - DesignerTom (@designertom) TikTok | Watch DesignerTom's Newest TikTok VideosSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

12 Heinä 20221h 24min

Hydrogen and Oxygen - JSJ 539

Hydrogen and Oxygen - JSJ 539

Today we talk with Josh Larson a senior staff developer at Shopify who is front and center in development of Hydrogen.  We learn how Hydrogen addresses the varying needs of shop owners to build storefronts quickly and effectively.  With rendering on the server only, this metaframework provides a toolkit helping customers build a more customized web presence.  We learn about Oxygen, which allows customers to host and deploy Hydrogen. We also discuss the decision behind the decision to use React to build this framework, how the framework provides super-custom experiences for the user, and discuss some of the technical challenges faced when building it.   SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksShopify Developers Platform-Build. Innovate. Get paid.HydrogenJosh LarsonTwitter: @jplhomerjplhomer - OverviewGitHub - Shopify/hydrogenJosh Larson - Senior Staff Developer - Shopify | LinkedInHow We Built Hydrogen: A React Framework for Building Custom Storefronts- Top End DevsPicksAJ- Muscle Rack - Freestanding Shelving Units - Shelving - The Home DepotAJ- "WHAT IS A WOMAN?"Charles- Legendary: A Marvel Deck Building Game - Fantastic FourCharles- Legendary: A Marvel Deck Building Game - The New MutantsCharles- Conferences | Top End DevsCharles - TopEndDevs on TikTokDan-  Dan - Matt Pockock - TypescriptDan- The ins and outs of Core Web Vitals Dan- The ins and outs of Core Web Vitals by Dan ShappirDan - Take a vacationDan - Stranger ThingsDan - War in UkraineJosh- The Incredibles Official Site presented by Disney MoviesJosh- Incredibles 2Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

5 Heinä 20221h 4min

To TypeScript or Not to TypeScript - JSJ 538

To TypeScript or Not to TypeScript - JSJ 538

Today we talk with Matt Pocock, who comes from Oxfordshire, England.  As a big fan of TypeScript and maintainer of the Xstate library, we discuss the benefits and downsides of TypeScript.  As the discussion gets a bit heated, we debate the true value of TypeScript, and where it holds value to the programming community. SponsorsTop End DevsCoaching | Top End DevsLinksAdvanced TypeScript - Become a TS WizardTypeScript Error TranslatorPodcast Hosting and Analytics - Welcome to Fireside!Transistor - podcast hosting for creatives, brands, professionalsStately - Visualize your application logicMatt Pocock - YouTubeTwitter: @mattpocockukPicksAJ- dotGo 2015 - Rob Pike - Simplicity is ComplicatedAJ- GothamGo 2018 - Things in Go I Never Use by Mat RyerAJ- GopherCon 2019: Mat Ryer - How I Write HTTP Web Services after Eight YearsAJ- Plain Text - Dylan Beattie - NDC Oslo 2021AJ - coolaj86 on TwitchCharles- Legendary: A Marvel Deck Building Game - Dark CityCharles - Conferences | Top End Devs Charles - Sponsors | Top End Devs Charles- Trusted CDN Provider | Faster Content Delivery | CacheFlyCharles - Podcasts | Top End Devs Matt- The Crew: The Quest for Planet NineMatt - Race for the GalaxySteve - Dad JokesSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Kesä 20221h 11min

Core Web Vitals and Whatnot - JSJ 537

Core Web Vitals and Whatnot - JSJ 537

Today’s guest Annie Sullivan, a software engineer on the Chrome Platform team, focussing on core web vitals metrics which is all about performance and user experience metrics for websites.  We discuss topics such as Largest Contentful Paint (LCP), and how it works behind the scenes.  We also touch on Cumulative Layout Shift (CLS) and things that impact browser experience.   SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksCrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486Annie SullivanMartin SplittTwitter: @anniesullieSponsors | Top End DevsConferences| Top End DevsJason Weimann - YouTubePicksAJ- The Pretender | Apple TVAJ- ‎@coolaj86AJ- AJ ONeal - YoutubeAJ- Beyond Code BootcampAnnie- Google I/O 2022 Session DetailsAnnie- Procreate® - Sketch, Paint, Create.Annie- Art with Flo - YouTubeCharles- TACO CAT GOAT CHEESE PIZZACharles - Tag someone that has made a difference in one of our podcasts!Dan- ‎@anniesullieDan- Safari is crippling the mobile market, and we never noticedDan - War in UkraineSteve - New York City removes the last payphone from serviceSteve - Dad JokesSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

21 Kesä 20221h 21min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
herrasmieshakkerit
ostan-asuntoja-podcast
hyva-paha-johtaminen
taloudellinen-mielenrauha
rss-lahtijat
sijoituskaverit
rss-rahamania
rss-huomisen-talous
rss-merja-mahkan-rahat
rss-sisalto-kuntoon
rss-lentopaivakirjat
rss-vaikuttavan-opettajan-vierella
rss-neuvottelija-sami-miettinen
kasvun-kipuja
rss-bisnesta-bebeja
rss-paasipodi