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.

Kokeile Premiumia

Nauti 14 päivää ilmaiseksi

Tilaa Premium

Jaksot(734)

Wix Velo with Yoav Abrahami - JSJ 558

We are joined by Yoav Abrahami, Chief Architect and Head of Velo to discuss the transformation of Wix from a Website builder to an application development platform. Wix Velo enables developers to implement code that runs either on the client-side or on Wix hosted Node server, while constructing the UI using a WYSIWYG page editor. In this way, Wix provides an interesting alternative to app development frameworks such as NextJS and Nuxt. Sponsors"Request Metrics, who does performance monitoring and can help with issues like too much cumulative layout shift" Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksVeloTwitter: @yoavabrahamiPicks AJ - The Big Short: Inside the Doomsday MachineAJ - Mentour PilotAJ - The Matt Walsh ShowSupport 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.

22 Marras 20221h 30min

What Is Functional Programming and What It's Not With Lane Wagner- JSJ 557

Lane Wagner is the founder of a startup company called Boot.dev. He teaches backend development online in Go, Python, and JavaScript. Lane joins Chuck and Steve as they talk all things Functional Programming. They also talk about its importance and share their thoughts about it. Moreover, Lane also shares his experience with creating boot.dev and the different teaching strategies he uses on his online learning platform. About this Episode The difference between Functional Programming VS Object-oriented ProgrammingReact Hooks & Vue 3 and why are they considered as “not Functional” Boot.dev and how is it created The reason why Go became a popular backend languageSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksBoot.devwagslane.devTwitter: @wagslanePicksCharles - Chuck's Resume TemplateCharles - Dice Miner Card Board GameCharles - Timpanogos Game ConventionCharles - Top End DevsLane - Life of a ChameleonLane - Boot.devSupport 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.

15 Marras 20221h 7min

Stories From The Trenches - JSJ 556

In this episode the panelists share war stories from their career and the lessons they have learned from them. They discuss things they have done back in their early days in tech, and how they now behave differently given those experiences.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksAJ - Duratech 8mm-22mm COMPLETE wrench setAJ - ATV Body Armor / Adventure JacketsAJ - Project Hail MaryAJ - (Unpick) TwilightDan - The Mote in God's EyeDan - Code Like a Girl. Breaking the Gender StereotypeDan - Women on Stage and in Tech with Moran Weber - JSJ 483Support 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.

8 Marras 20221h 22min

Writing Change-Proof Software with Tests - JSJ 555

Shai Yalin is a freelance software architect and mentor. He specializes in teaching organizations and individuals how to use Test Driven Development (TDD) and other development methodologies and best practices. In this episode Shai joins us to explain how to use these methods in order to create software that is resilient to change, and how to refactor existing brittle code in order to clean out the rot.SponsorsTop End DevsCoaching | Top End DevsLinksChronomatic: my side-project storyYour Software as a KitchenThe Anatomy Of A Rotten CodebaseLinkedIn: Shai YallinTwitter: @shaiyallinPicksAJ - Read The Lost Metal by Brandon Sanderson: Prologue and Chapters One and TwoDan - FargoShai - VitestShai - We Are Legion (We Are Bob) (We Are Bob) (Bobiverse, #1)Shai - Citizen Of Glass, by Agnes ObelSteve- GitHub Copilot investigation · Joseph Saveri Law Firm & Matthew ButterickSupport 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.

1 Marras 20221h 19min

Remix and EpicWeb.dev with Kent C. Dodds - JSJ 554

Kent C. Dodds is a well-known JavaScript developer who has done myriad development courses and training. He's also done outreach for Remix. He's spoken at tons of conferences and his now working on creating EpicWeb.dev which helps developers become epic web developers.The Jabber crew starts out talking about learning, teaching, and EpicWeb.dev before going into the changes in the web platform and progressive enhancement and eventually Remix. Links:TestingJavaScript.comEpicWeb.devEpicReact.devRemixFly.ioLightstreamThe Web's Next Transition blog post by Kent C. DoddstRPCGraphQLPicks:AJExtraordinary Attorney WooWhen fixing a 4-wheeler, look at the larger component and compare prices.FourTrax 300DanWeb Directions SummitWar in UkraineSteveStudy on why you can't tickle yourselfKentEpicWeb.devCall Kent PodcastKent's Travel MapBuild Your House Yourself UniversitySupport 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.

25 Loka 20221h 49min

Being a New Developer with Diego Moura - JSJ 553

Diego Moura is a newer developer who has recently joined the ranks of professional developers. The panel talks to Diego about his career as a fashion designer and how he moved to Canada and go into programming. He initially got into digital marketing and figured out that he could modify and manage pages and picked up development as a function of doing UI work on his marketing pages. From there he fell in love with web development.SponsorsTop End DevsCoaching | Top End DevsArchitect, who provides environments on demandLinksJen SimmonsLinkedIn LearningFront-End MentorWatch and CodeReading Source Code with Carl Mungazi - JSJ 408Twitter: @_DiegoMouraTwitch: diegomouradevPicksChuckTimpConLocal Board Game ConventionsGet Chuck's ResumeCommand Your Coding Career (Coming Soon)Star Trek: PicardAJDIY Soldering StationAudioHijackBoot.devStevehttps://gizmodo.com/eu-officially-demands-big-tech-use-usb-c-end-of-2024-1849613451DanWeb Almanac for 2022Ongoing War in UkraineDiegoHow to be Great at Asking Coding QuestionsWhere Should We Begin PodcastSupport 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.

18 Loka 20221h 33min

Dan Shappir's Failed Predictions - JSJ 552

The panel goes back a few years and reviews some technology predictions that Dan made a few years ago on Quora. These include WASM, Progressive web apps, and others. Most were wrong, but one did end up being sort of accurate. Along the way, they go into some deep rabbit holes but manage to pull themselves out. As always, they end with picks, and Steve's stupendous dad jokes. SponsorsTop End DevsCoaching | Top End DevsLinksApple iOS browser grip loosened under latest draft EU rules- Top End DevsPicksAJ- Search Results for wire wheel at The Home DepotAJ - Rust-oleumAJ- Figma is powered by WebAssemblyAJ- ImageOptim - better Save for WebAJ- SquooshDan - Dev JokeDan- The 2022 Web AlmanacDan - CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486Dan - FargoDan - War in UkraineSteve - 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.

4 Loka 20221h 13min

Software Development as a Craft with Netta Bondy - JSJ 551

Today we talk with Netta Bondy, a front end developer at Twang and dive into a discussion about when software development becomes a craft. We discuss the challenges of practicality vs. art, and the challenges of properly crafting code vs. working with popularly adopted methods. SponsorsTop End DevsCoaching | Top End DevsLinksThe Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544Creeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampFRONTEND CON 2020Twitter: @_bondit_PicksAJ- The Story of MelAJ- Creeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampAJ- Form follows function - WikipediaAJ- Better Apps: Delivering Universal UI Patterns as Web ComponentsAJ- Engineering FestivusDan - My anniversaryDan- Code Complete 2nd editionDan- Web DirectionsDan - War in UkraineNetta- CSSBattleNetta- MIT OpenCourseWare | Free Online Course MaterialsNetta- The Priory of the Orange Tree (The Roots of Chaos, #1)Support 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.

27 Syys 20221h 17min

Kaikki yhdessä sovelluksessa

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi yhdessä paikassa.

Sinulle valikoitua sisältöä

Podme-sovelluksessa kokoat suosikkisi helposti omaan kirjastoosi. Saat meiltä myös kuuntelusuosituksia!

Jatka kuuntelua koska tahansa

Voit jatkaa siitä mihin jäit, myös offline-tilassa.

Premium

9,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa

Aloita 14 päivän kokeilu

Premium

13,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa
Yksi lisäkäyttäjä

Kokeile 14 päivää maksutta

Suosittua kategoriassa Liike-elämä ja talous

Tarinat ja äänet, joita rakastat kuunnella

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi

Lue lisää