https://meticulous.ai/assets/engine-BU5hwbro.js

1import{j as e}from"./index-BDkfMUJ2.js";import{u as a}from"./useVimeoHeroPlayButton-Ca6hQ07D.js";import{M as i,P as s}from"./MarketingPage-BiNvLOzM.js";const t=()=>(a(),e.jsxs(i,{currentPath:"/cases/engine",wrapperClassName:"page-wrapper",children:[e.jsxs("div",{className:"main-wrapper is-cases",children:[e.jsxs("section",{className:"cases_hero-section",children:[e.jsx("div",{className:"container-small",children:e.jsxs("div",{className:"cases_hero-layout",children:[e.jsxs("div",{className:"content",children:[e.jsxs("p",{className:"breadcrumbs",children:[e.jsx("a",{href:"../case-studies.html",className:"text-color-white underline-hover",children:"Case studies"}),e.jsx("span",{className:"text-color-grey",children:"/ Engine"})]}),e.jsx("img",{src:"/images/engine-logo.png",loading:"eager",sizes:"(max-width: 991px) 33px, (max-width: 1279px) 3vw, (max-width: 1439px) 33px, (max-width: 1919px) 2vw, 33px, (max-width: 600px) 100vw, 600px",srcSet:"/images/engine-logo-p-500.png 500w, /images/engine-logo.png 600w",alt:"",className:"cases_logo"}),e.jsxs("div",{className:"margin-bottom margin-small",children:[e.jsx("h1",{className:"heading-style-h2",children:"How Meticulous Helped Engine Reclaim 250+ Hours Each Month"}),e.jsx("div",{className:"cases_video-wrapper hide-desktop",children:e.jsxs("div",{className:"video_thumbnail",children:[e.jsx("div",{className:"video_embed w-embed w-iframe",children:e.jsx("div",{style:{padding:"56.25% 0 0 0",position:"relative",width:"100%"},children:e.jsx("iframe",{id:"vimeo-player",src:"https://player.vimeo.com/video/1164038912?h=YOUR_HASH_HERE&badge=0&autopause=0&player_id=0&app_id=58479",frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},title:"Vimeo Video"})})}),e.jsxs("div",{style:{opacity:"1"},className:"video_placeholder",children:[e.jsx("div",{className:"video_hover w-embed"}),e.jsx("img",{src:"/images/Engine.webp",loading:"eager",alt:"",className:"cases_img-cover"}),e.jsxs("div",{style:{opacity:"1"},className:"video_play-button-mobile",children:[e.jsx("div",{className:"video_play-outer"}),e.jsx("div",{className:"video_play-inner",children:e.jsx("div",{className:"video_play-icon-mobile w-embed",children:e.jsx("svg",{width:42,height:59,viewBox:"0 0 42 59",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 2V57L40 29.5L2 2Z",stroke:"#FFFFFF",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})})})})]})]})]})})]}),e.jsx("p",{className:"cases_sub-heading",children:"Meticulous reduces regressions, tightens feedback loops and enables teams to ship dependency upgrades faster, keeping the Engine running smoothly."}),e.jsx("p",{className:"cases_sub-heading",children:e.jsxs("em",{children:["“Meticulous empowered us to ship tighter and reduce behavioral issues right away.”",e.jsx("br",{}),"—Colin Hanna, Principal Engineer, Engine"]})})]}),e.jsxs("div",{className:"stats_list",children:[e.jsxs("div",{className:"stats_item is-row-mobile",children:[e.jsx("p",{className:"stats_number",children:"250+"}),e.jsx("p",{className:"stats_content",children:"engineering hours saved per month"}),e.jsx("div",{className:"stats_divider"})]}),e.jsxs("div",{className:"stats_item is-row-mobile",children:[e.jsx("p",{className:"stats_number",children:"93%"}),e.jsx("p",{className:"stats_content",children:"developer satisfaction rate"}),e.jsx("div",{className:"stats_divider"})]}),e.jsxs("div",{className:"stats_item is-row-mobile",children:[e.jsx("p",{className:"stats_number",children:"50"}),e.jsx("p",{className:"stats_content",children:"escape bugs caught each month"}),e.jsx("div",{className:"stats_divider"})]}),e.jsxs("div",{className:"stats_item is-row-mobile",children:[e.jsx("p",{className:"stats_number",children:"10x"}),e.jsx("p",{className:"stats_content",children:"faster redesigns"})]})]})]})}),e.jsx("div",{className:"cases_video-wrapper hide-tablet",children:e.jsxs("div",{className:"video_thumbnail",children:[e.jsx("div",{id:"hero-video",className:"video_embed w-embed w-iframe",children:e.jsx("div",{style:{padding:"56.25% 0 0 0",position:"relative",width:"100%"},children:e.jsx("iframe",{id:"vimeo-player",src:"https://player.vimeo.com/video/1164038912?h=YOUR_HASH_HERE&badge=0&autopause=0&player_id=0&app_id=58479",frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},title:"Vimeo Video"})})}),e.jsxs("div",{style:{opacity:"1"},className:"video_placeholder",children:[e.jsx("div",{className:"video_hover w-embed"}),e.jsx("img",{src:"/images/Engine.webp",loading:"eager",alt:"",className:"cases_img-cover"}),e.jsxs("div",{style:{opacity:"1"},className:"video_play-button",children:[e.jsx("div",{className:"video_play-outer"}),e.jsx("div",{className:"video_play-inner",children:e.jsx("div",{className:"video_play-icon w-embed",children:e.jsxs("svg",{width:42,he

1ight:59,viewBox:"0 0 42 59",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M2 2V57L40 29.5L2 2Z",stroke:"url(#paint0_linear_1035_7223)",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"paint0_linear_1035_7223",x1:"22",y1:"2",x2:"22",y2:"57",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#E39670"}),e.jsx("stop",{offset:"1",stopColor:"#8B87B3"})]})})]})})})]})]})]})}),e.jsx("div",{className:"cases_hero-edge"})]}),e.jsx("div",{className:"section pb-0",children:e.jsx("div",{className:"container-small",children:e.jsx("div",{className:"post-wrapper",children:e.jsxs("div",{className:"cases_grid",children:[e.jsxs("div",{id:"w-node-fbd056dd-38c8-fb56-5f20-adb404fa83d5-0b79b574",className:"cases_body",children:[e.jsxs("div",{className:"tag-wrapper",children:[e.jsx("p",{className:"new-tag text-color-grey",children:"THE Challenge"}),e.jsx("div",{className:"tag_bar is-purple"})]}),e.jsxs("div",{"fs-richtext-element":"rich-text","fs-toc-element":"contents",className:"cases_rich-text w-richtext",children:[e.jsx("h2",{children:e.jsx("strong",{children:"There’s a high price to pay for regressions"})}),e.jsx("p",{children:"True to its name, Engine is one of the fastest growing travel management platforms in the world, recently valued at over $2.1B+ with 300 engineers and counting. As their codebase grew, the team’s Cypress testing stack began facing the usual challenges such as lack of ownership, high maintenance costs, and long runtimes."}),e.jsx("p",{children:"As a result, Engine was dealing with an average of 50 escaped bugs per month in its primary application, with each taking about five hours to address, including reporting, triaging, identifying the responsible team, and writing tests to prevent it from recurring."}),e.jsx("p",{children:"“We struggled to maintain our Cypress suite and get a reliable signal from it,” said Principal Engineer Colin Hanna. “One of our engineers recommended Meticulous to help strengthen our testing stack.”"})]}),e.jsxs("div",{className:"tag-wrapper mt-3",children:[e.jsx("p",{className:"new-tag text-color-grey",children:"THE Solution"}),e.jsx("div",{className:"tag_bar is-purple"})]}),e.jsxs("div",{"fs-richtext-element":"rich-text","fs-toc-element":"contents",className:"cases_rich-text w-richtext",children:[e.jsx("h2",{children:e.jsx("strong",{children:"But, will it work?"})}),e.jsx("blockquote",{children:"“We set it up in an hour, and we were getting visual diffs on day one,” Colin said. “It was lightning fast.”"}),e.jsx("p",{children:"In the final week of the pilot project, they ran a survey. 78% of engineers reported catching a bug that they had previously struggled to detect in the last week alone and 93% of the team loved the tool and felt their developer experience had improved."}),e.jsx("p",{children:"“We were focused on cutting regressions and time spent on testing, and the trial convinced my team and the VP of Engineering that Meticulous was the right tool for the job,” Colin said."})]})]}),e.jsx("div",{className:"sticky-parent",children:e.jsxs("div",{className:"cases_info",children:[e.jsxs("div",{className:"tag-wrapper",children:[e.jsx("p",{className:"new-tag",children:"Profile"}),e.jsx("div",{className:"tag_bar"})]}),e.jsxs("div",{className:"cases_info-item",children:[e.jsx("p",{className:"text-size-small text-color-grey",children:"Industry"}),e.jsx("p",{className:"text-size-small",children:"Hospitality Tech"})]}),e.jsxs("div",{className:"cases_info-item",children:[e.jsx("p",{className:"text-size-small text-color-grey",children:"Age of codebase"}),e.jsx("p",{className:"text-size-small",children:"7 years"})]}),e.jsxs("div",{className:"cases_info-item",children:[e.jsx("p",{className:"text-size-small text-color-grey",children:"Engineers"}),e.jsx("p",{className:"text-size-small",children:"300+"})]})]})})]})})})}),e.jsx("div",{className:"section pt-0 pb-0",children:e.jsx("div",{className:"container-small expand-with",children:e.jsxs("div",{className:"cases_quote",children:[e.jsx("div",{className:"cases_quote-img",children:e.jsx("img",{src:"/images/cases_bg-2-small.webp",loading:"eager",sizes:"(max-width: 1523px) 100vw, 1523px",srcSet:"/images/cases_bg-2-small-p-500.webp 500w, /images/cases_bg-2-small-p-800.webp 800w, /images/cases_bg-2-small-p-1080.webp 1080w, /images/cases_bg-2-small.webp 1523w",alt:"",className:"object-fit-cover"})}),e.jsxs("div",{className:"cases_quote-content is-90",children:[e.jsxs("p",{className:"large-quote",children:[e.jsx("span",{className:"large-quote_icon",children:"“"}),"What makes Meticulous different from other testing tools for me is the amount of effort we're putting in for the value. We're getting a lot of feedback points across our application for no investment. I think I set it up in less than an hour for a new app and we were getting screenshots from day zero.“"]}),e.jsx("p",{className:"quote-author",children:"Colin Hanna, Principal Engineer"})]})]})})}),e.jsx("div",{className:"section pt-0 pb-0",children:e.jsx("div",{className:"container-small",children:e.jsx("div",{className:"post-wrapper",children:e.jsxs("div",{className:"cases_grid",children:[e.jsxs("div",{id:"w-node-_3a74a845-a725-a6ef-a717-8da05d3d59b6-0b79b574",className:"cases_body",children:[e.jsxs("div",{className:"tag-wrapper",children:[e.jsx("p",{className:"new-tag text-color-grey",children:"THE Impact"}),e.jsx("div",{className:"tag_bar is-purple"})]}),e.jsxs("div",{"fs-richtext-element":"rich-text","fs-toc-element":"contents",className:"cases_rich-text w-richtext",children:[e.jsx("h2",{children:"Developer confidence changed the way teams worked"}),e.jsx("p",{children:"Once rolled out across the company, Meticulous gave teams a visual overview of the full impact of their changes across the codebase. It quickly became indispensable and reshaped the way teams worked."}),e.jsx("h3",{children:"Designers"}),e.jsx("p",{children:"Designers had struggled to work without feedback loops as engineers ran Cypress in headless mode. Now, their process is ten times faster, and they ship more frequently."}),e.jsx("blockquote",{children:"“The design team uses Meticulous to prepare broad but minor redesigns. They load a pre-release version into our staging environment and run an introspect,” Colin said. “It’s their favorite thing.”"}),e.jsx("h3",{children:"Engineers ramping on business context"}),e.jsx("p",{children:"It’s also become a valuable tool for new engineers as well as engineers working on unfamiliar parts of the codebase, letting them ship confidently without deep business knowledge."}),e.jsx("p",{children:"For context, there are 20 teams that contribute to the main application and in any given year, Colin’s team will work across all 20. Using Meticulous, his developers can dive right in without having to do tremendous amounts of research."}),e.jsx("blockquote",{children:"“Knowing where you are and getting oriented is hard when you join my team,” Colin said. “Meticulous makes it easier for new developers to learn as they go, and it helps experienced coders work faster, enhancing their productivity.”"}),e.jsx("h3",{children:"Dependency upgrades"}),e.jsx("p",{children:"Engineers were also able to make faster dependency upgrades. Meticulous empowered the company to migrate from React 17 to 18 and then to 19 with just minor TypeScript changes. During the migration to 18, Colin and his team had to review 264 outstanding tickets as they were moving from Styled Components to Vanilla Extract."}),e.jsx("p",{children:"“With Meticulous, we were able to look at each of those 264 tickets individually,” Colin said. “If a visual element looked the same, we left it alone. If it was slightly different, we tried to figure out why. Meticulous enabled productive conversations with the owners of each of these elements, leading to unparalleled collaborative efforts.”"})]})]}),e.jsx("div",{className:"sticky-parent",children:e.jsxs("div",{className:"cases_info vert-mobile",children:[e.jsxs("div",{className:"tag-wrapper",children:[e.jsx("p",{className:"new-tag mb-1",children:"Monthly Test Run Stats"}),e.jsx("div",{className:"tag_bar"})]}),e.jsxs("div",{className:"stats_list",children:[e.jsxs("div",{className:"stats_item is-row-mobile",children:[e.jsx("p",{className:"stats_number is-sticky",children:"98,247"}),e.jsx("p",{className:"stats_content",children:"user flows mapped"}

1),e.jsx("div",{className:"stats_divider hide-tablet"})]}),e.jsxs("div",{className:"stats_item is-row-mobile",children:[e.jsx("p",{className:"stats_number is-sticky",children:"8,562"}),e.jsx("p",{className:"stats_content",children:"test runs"}),e.jsx("div",{className:"stats_divider hide-tablet"})]}),e.jsxs("div",{className:"stats_item",children:[e.jsx("p",{className:"stats_number is-sticky",children:"17,288,302"}),e.jsx("p",{className:"stats_content",children:"screenshots"})]})]})]})})]})})})}),e.jsx("div",{className:"section pt-0 pb-0",children:e.jsx("div",{className:"container-small",children:e.jsx("div",{className:"post-wrapper",children:e.jsxs("div",{className:"cases_grid",children:[e.jsxs("div",{id:"w-node-_9baf814c-f2e4-f10d-65a6-f65cbada97f6-0b79b574",className:"cases_body",children:[e.jsxs("div",{className:"tag-wrapper mt-3",children:[e.jsx("p",{className:"new-tag text-color-grey",children:"Long term Results"}),e.jsx("div",{className:"tag_bar is-purple"})]}),e.jsxs("div",{"fs-richtext-element":"rich-text","fs-toc-element":"contents",className:"cases_rich-text w-richtext",children:[e.jsx("h2",{children:"Keeping the Engine Running Smoothly"}),e.jsx("p",{children:"“Meticulous is one of our most expensive tools, but if we quantify it in terms of hours saved and reduced labor costs, it’s an incredible value,” Colin said"}),e.jsx("p",{children:"Colin estimates that Meticulous has saved Engine the equivalent of an engineering team dedicated to testing. But the biggest impact is the peace of mind that comes from Meticulous’ broad based coverage, enabling developers to ship confidently and deliver higher quality code."})]})]}),e.jsx("div",{className:"sticky-parent",children:e.jsx("div",{className:"cases_info"})})]})})})}),e.jsxs("div",{className:"section pt-0 pb-0",children:[e.jsx("div",{className:"container-small"}),e.jsx("div",{className:"container-small expand-with",children:e.jsxs("div",{className:"cases_quote",children:[e.jsx("div",{className:"cases_quote-img",children:e.jsx("img",{src:"/images/cases_bg-small.webp",loading:"eager",sizes:"(max-width: 1523px) 100vw, 1523px",srcSet:"/images/cases_bg-small-p-500.webp 500w, /images/cases_bg-small-p-800.webp 800w, /images/cases_bg-small-p-1080.webp 1080w, /images/cases_bg-small.webp 1523w",alt:"",className:"object-fit-cover"})}),e.jsxs("div",{className:"cases_quote-content",children:[e.jsxs("p",{className:"large-quote",children:[e.jsx("span",{className:"large-quote_icon",children:"“"}),"Meticulous’s ultimate value for me is peace of mind. We work on a big app across a lot of teams, and knowing what happened because of our changes saves us a lot of time. Meticulous helps us have the right conversations with the right people faster.”"]}),e.jsx("p",{className:"quote-author",children:"Colin Hanna, Principal Engineer"})]})]})})]}),e.jsx("div",{className:"section bg-main",children:e.jsxs("div",{className:"container-small",children:[e.jsx("div",{className:"margin-bottom margin-medium",children:e.jsx("h2",{className:"heading-style-h2 text-align-center",children:"MORE CASE STUDIES"})}),e.jsxs("div",{className:"cases_feat-grid",children:[e.jsxs("a",{href:"/cases/notion",className:"cases_small-card w-inline-block",children:[e.jsxs("div",{className:"small-card_img",children:[e.jsx("img",{loading:"eager",src:"/images/erdem.webp",alt:"",className:"object-fit-cover"}),e.jsx("img",{loading:"eager",src:"/images/notion-white.png",alt:"",className:"small-card_logo"})]}),e.jsxs("div",{className:"small-card_content",children:[e.jsx("p",{className:"small-card_title",children:"How Meticulous Helped Notion Transform Frontend Reliability"}),e.jsx(s,{label:"Learn More",variant:"link"})]})]}),e.jsxs("a",{href:"/cases/launchdarkly",className:"cases_small-card w-inline-block",children:[e.jsxs("div",{className:"small-card_img",children:[e.jsx("img",{sizes:"(max-width: 800px) 100vw, 800px",srcSet:"/images/Zach-Davis-p-500.webp 500w, /images/Zach-Davis.webp 800w",alt:"",src:"/images/Zach-Davis.webp",loading:"eager",className:"object-fit-cover"}),e.jsx("img",{sizes:"(max-width: 1842px) 100vw, 1842px",srcSet:"/images/launchdarkly-Logo-p-500.png 500w, /images/launchdarkly-Logo.png 1842w",alt:"",src:"/images/launchdarkly-Logo.png",loading:"eager",className:"small-card_logo is-launch"})]}),e.jsxs("div",{className:"small-card_content",children:[e.jsx("p",{className:"small-card_title",children:"LaunchDarkly Increases Release Speed, Cuts Frontend Incidents By 80%"}),e.jsx(s,{label:"Learn More",variant:"link"})]})]})]})]})})]}),e.jsx("section",{className:"getstart-section",children:e.jsx("div",{className:"w-layout-blockcontainer container-lg w-container",children:e.jsxs("div",{className:"getstart-wrap",children:[e.jsx("h2",{className:"h1 mb18",children:"Ready to start?"}),e.jsx("p",{className:"getstart-p",children:"Set up in minutes and generate tests to cover your whole application."}),e.jsx("div",{className:"tworow-btn",children:e.jsx(s,{label:"Get Started",href:"../book-a-demo.html",arrowSize:14})})]})})})]})),c=t;export{c as component};