Add SVG QA roadmap

content/roadmaps/113-qa/meta.json

@@ -23,7 +23,7 @@
   "type": "role",
   "featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2022",
   "featured": true,
-  "isNew": true,  
+  "isNew": true,
   "resourcesPath": "./resources.md",
   "imageUrl": "/roadmaps/qa.png",
   "jsonUrl": "/project/qa.json",

lib/roadmap.ts

@@ -44,5 +44,5 @@ export function getFeaturedRoadmaps(): RoadmapType[] {
 }
 
 export function isInteractiveRoadmap(id: string): boolean {
-  return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs'].includes(id);
+  return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa'].includes(id);
 }

pages/[roadmap]/interactive.tsx

@@ -154,6 +154,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     minHeight = ['865px', '1855px', '1855px', '2500px', '2500px', '2500px'];
   }
 
+  if (roadmap.id === 'qa') {
+    minHeight = ['865px', '1610px', '1610px', '2200px', '2200px', '2200px'];
+  }
+
   return (
     <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}