JSJ 341: Testing in JavaScript with Gil Tayar
JavaScript Jabber27 Nov 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.

Episoder(735)

JSJ 469: The Case for JavaScript Iterators and Generators, part 2

JSJ 469: The Case for JavaScript Iterators and Generators, part 2

This is the follow on to the episode first recorded regarding JavaScripts iterators and generators. Dan takes the lead and picks up from last time. The panel discusses how JavaScript uses and implements iterators and where people are likely to see them. Then they dive into generators and briefly discuss the concept and their uses.CODE:x = {[Symbol.iterator]() {let i = 0;return {next: () => ({done: i >= 10,value: i++})};}};for (const v of x) console.log(v);console.log([…x]);console.log(…x);function* g() {for (let i = 0; i < 10; ++i) yield i;}PanelAJ O'NealCharles WoodDan ShappirSponsorsDexecureRaygun | Click here to get started on your free 14-day trialNext Level MastermindLinksA Promise of a Bright Future With Async Iterators, Generators, and Pipes, Part 1Devchat.tv | JSJ 437: Inside the Brave Browser with Jonathan SampsonFlint 4kPicksAJ- Charles WoodAJ- 12 Rules for Life PosterAJ- Brave BrowserAJ- Need for Speed Hot Pursuit (Remastered)Charles- Devchat.tv | The Dev RevCharles- Most Valuable DeveloperCharles- Elgato Cam Link 4KCharles- Podcast PlaybookCharles- The Hero with a Thousand Faces by Joseph CampbellDan- Netflix Series: The Queen's GambitDan- Automating audits with AutoWebPerfSponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

2 Feb 20211h 18min

BONUS: How to Speed Up Your Website For Fun and Profit with Inian Parameshwaran

BONUS: How to Speed Up Your Website For Fun and Profit with Inian Parameshwaran

Use the code DEVCHAT at https://devchat.tv/fast to get double the capacity and traffic from Dexecure.Inian Parameshwaran is the CEO of Dexecure and an expert in speeding up websites. Inian walks Charles Max Wood through the intricacies of measuring website speed and explains which metrics matter and for which concerns. He goes over the benefits to SEO and user experience and then does a deep dive on how to begin speeding up your website so Google will rank it higher and your users don’t lose interest while waiting for a response from your application.Special Guest: Inian Parameshwaran.Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

29 Jan 202141min

JSJ 468: The case for JavaScript iterators, part 1

JSJ 468: The case for JavaScript iterators, part 1

Iterators and generators were introduced into JavaScript way back in 2015, yet they remain an underused and often misunderstood features of the language. In this episode Dan describes the purpose of iterators, how they're implemented in JavaScript, and why you're using them even if you aren't aware that you are, via the spread operator for example. The panel then discusses the pros and cons of iterators in JavaScript, and why most devs don't explicitly use them.PanelAimee KnightAJ O’NealDan ShappirSponsorsDexecureOctopus Deploy Pty. LtdNext Level MastermindLinksBreaking Chains with Pipelines in Modern JavaScriptPicksAimee- Month of Lunches Manning SeriesAJ- SnapDropAJ- Syncthing | webinstall.devAJ- Brave BrowserAJ- Brandon Sanderson Stormlight / Way of Kings by Brandon SandersonAJ- Ready Player One / Ready Player Two by Ernest ClineDan- Covid-19 VaccineDan- Netflix Series: The Queen's GambitSponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

26 Jan 20211h 4min

JSJ 467: The Joy of JavaScript with Luis Atencio

JSJ 467: The Joy of JavaScript with Luis Atencio

Luis Atencio jabbers about enjoying and using JavaScript. He enjoys the multi-paradigm nature of the language. The discussion ranges over the nature of JavaScript and how it's object-oriented, and how the paradigms can be blended to provide powerful functionality. They also dive into how to break down problems in JavaScript and how the language enables this.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestLuis AtencioSponsorsDexecureRaygun | Click here to get started on your free 14-day trialNext Level MastermindLinksPipeline operator (|>)Crock on JS: Function the UltimatePicksAimee- GitHub | linkedin/school-of-sreAJ- Package-Relative Requires with BasetagAJ- Miniscript / SubscriptAJ- webinstall.dev/ffmpegAJ- Stand up Desk SetupAJ- Horizon Chase TurboAJ- Need for speed: Hot Pursuit RemasteredDan- Inspirational Character: Chuck YeagerLuis- Visit Cape Canaveral and watch either Space X Launch or NASA LaunchLuis- Visit Kennedy Space CenterSteve- 2 PORT KVM HDMI 2.0 VIDEO SWITCHSpecial Guest: Luis Atencio.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

19 Jan 202149min

JSJ 466: Infrastructure as Code with Christian Nunciato

JSJ 466: Infrastructure as Code with Christian Nunciato

Christian Nunciato works on a system called Pulumi, which is a system that allows you to build infrastructure with code. This is usually aimed at the cloud and allows us to use tools to manage infrastructure and do setups and updates.PanelAimee KnightAJ O’NealSteve EdwardsGuestChristian NunciatoSponsorsDexecureOctopus Deploy Pty. LtdPicksAimee- GitHub- networktocode/awesome-network-automationAJ- Bound- Audiobook PlayerAJ- GitHub- videolan/vlc-iosAJ- gitdeploy | webinstall.devChristian- TV series: Schitt's CreekChristian- The Sense of Style: The Thinking Person's Guide to Writing in the 21st Century by Steven PinkerSteve- xkcd: Nerd SnipingSpecial Guest: Christian Nunciato.Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

12 Jan 20211h 14min

JSJ 465:The Power of Micro Front-Ends with Michael Geers

JSJ 465:The Power of Micro Front-Ends with Michael Geers

Micro-services have been very popular on the backend for a while now. But can this architecture be applied to the front-end as well? Should it be applied to the front-end? Michael Geers, who literally wrote the book on micro-fronts ends, explains what they are and why they can be a powerful architectural pattern especially when implementing large-scale projects. He also describes how Web Components can be used to enable this type of application architecture.PanelDan ShappirSteve EdwardsGuestMichael GeersSponsorsDexecureRaygun | Click here to get started on your free 14-day trialLinksTwitter: Jason MillerTwitter: Michael GeersManning | Micro Frontends in Action (40% off Manning Code: podjsjabber19)The Tractor StoreGrid Garden | Ein Spiel um CSS Gridzu lernenFlexbox Zombies | Mastery GamesGrid CrittersDevchat.tv: Podcast Guest Preparation InstructionsMicro Frontend- extending the microservice idea to frontend developmentPicksDan- US Election 2020Michael- Learning Software and Well Crafted Interactive Learning SolutionsMichael- Morse Typing TrainerSteve- The Greatest Showman (2017)Special Guest: Michael Geers.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

5 Jan 202144min

BONUS: How to Crush Your Biggest Goals in 2021

BONUS: How to Crush Your Biggest Goals in 2021

Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount)Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals.Mani has read thousands of books on success, setting and achieving goals, and personal growth and has distilled these 6 principles from the books and then figured out how to put them into practice.He and Chuck walk through the principles and strategies that create success and allow you to set goals that will bring you the things you want during the next year or so.Listen to this episode to learn how to crush your biggest goals in 2021. Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount) 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.

1 Jan 202155min

JSJ 464: Web Components FTW with Ben Farrell

JSJ 464: Web Components FTW with Ben Farrell

Components have become the go-to method for structuring and composing UIs on the Web. Usually this means relying on a JavaScript framework such as React, Vue, or Angular. But it turns out that there is a standard mechanism for creating components built into browsers. Ben Farrell who wrote a book on this mechanism - Web Components - joins the panel to explain what they are, how they work, and why they are a great, light-weight alternative to JavaScript frameworks.PanelAimee KnightAJ O’NealDan ShappirSteve EdwardsGuestBen FarrellSponsorsRaygun | Click here to get started on your free 14-day trialLinksBen Farrell: Web Components in Action lit-htmllit-html: Styling TemplatesCombo Box-UI5 Web ComponentsDevchat.tv-JSJ 424: UI5 and web components with Peter MuessigBen Farrell: Web Components in SpaceJavaScript Reaches the Final Frontier: SpacePicksAimee- You should expect "equal pay for equal work" at your new remote jobAJ- Keeping things fresh with stale-while-revalidateAJ- Leah Remini: Scientology and the Aftermath AJ- Ready Player Two by Ernest ClineAJ-OpenAudibleBen- Medium by AdobeBen- Gravity sketchBen- TvoriDan- Web performance case study: Wikipedia page previewsSteve- 13-inch MacBook ProSpecial Guest: Ben Farrell.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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.

29 Des 202014min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
lydartikler-fra-aftenposten
e24-podden
rss-penger-polser-og-politikk
rss-borsmorgen-okonominyhetene
utbytte
finansredaksjonen
pengepodden-2
tid-er-penger-en-podcast-med-peter-warren
morgenkaffen-med-finansavisen
okonomiamatorene
lederpodden
pengesnakk
rss-finansforum-2
rss-investering-gjort-enkelt
rss-markedspuls-2
rss-fa-makro
lederskap-nhhs-podkast-om-ledelse
livet-pa-veien-med-jan-erik-larssen