[{"data":1,"prerenderedAt":303},["ShallowReactive",2],{"navigation":3,"/testing-and-debugging":115,"/testing-and-debugging-surround":298},[4,18,32,52,67,90,95,100,105,110],{"title":5,"path":6,"stem":7,"children":8,"icon":17},"Getting Started","/getting-started","1.getting-started/1.index",[9,12],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Overview","/getting-started/overview","1.getting-started/2.overview","i-lucide-eye",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Develop","/develop","2.develop",[23,28],{"title":24,"path":25,"stem":26,"icon":27},"After Effects","/develop/develop-ae","2.develop/develop-ae","i-lucide:blocks",{"title":29,"path":30,"stem":31,"icon":27},"Premiere Pro","/develop/develop-pr","2.develop/develop-pr",{"title":33,"path":34,"stem":35,"children":36,"page":17},"Essentials","/essentials","3.essentials",[37,42,47],{"title":38,"path":39,"stem":40,"icon":41},"Package Options","/essentials/package-options","3.essentials/1.package-options","i-lucide-cog",{"title":43,"path":44,"stem":45,"icon":46},"Group Options","/essentials/group-options","3.essentials/2.group-options","i-lucide-folder-cog",{"title":48,"path":49,"stem":50,"icon":51},"Element Options","/essentials/element-options","3.essentials/3.element-options","i-lucide-square-dashed-mouse-pointer",{"title":53,"path":54,"stem":55,"children":56,"page":17},"Additional","/additional","4.additional",[57,62],{"title":58,"path":59,"stem":60,"icon":61},"Customizer","/additional/customizer","4.additional/1.customizer","i-lucide-sliders-vertical",{"title":63,"path":64,"stem":65,"icon":66},"Stylization","/additional/stylization","4.additional/2.stylization","i-lucide-paint-roller",{"title":68,"path":69,"stem":70,"children":71,"page":17},"Verification Сodes","/verification-codes","5.verification-codes",[72,77,82,86],{"title":73,"path":74,"stem":75,"icon":76},"About Verification","/verification-codes/about","5.verification-codes/1.about","i-lucide-shield-check",{"title":78,"path":79,"stem":80,"icon":81},"VideoHive Integration","/verification-codes/vh","5.verification-codes/2.vh","i-lucide-message-circle-code",{"title":83,"path":84,"stem":85,"icon":81},"Gumroad Integration","/verification-codes/gumroad","5.verification-codes/3.gumroad",{"title":87,"path":88,"stem":89,"icon":81},"WordPress + WooCommerce Integration","/verification-codes/wordpress-woocommerce","5.verification-codes/4.wordpress-woocommerce",{"title":91,"path":92,"stem":93,"icon":94},"Examples","/examples","6.examples","i-lucide-download",{"title":96,"path":97,"stem":98,"icon":99},"Testing & Debugging","/testing-and-debugging","7.testing-and-debugging","i-lucide-flask-conical",{"title":101,"path":102,"stem":103,"icon":104},"Compilation & Release","/compilation-and-release","8.compilation-and-release","i-lucide-rocket",{"title":106,"path":107,"stem":108,"icon":109},"Personalized Extension","/personalized-extension","9.personalized-extension","i-lucide-brain",{"title":111,"path":112,"stem":113,"icon":114},"Branding","/branding","branding","i-lucide-hexagon",{"id":116,"title":96,"body":117,"description":291,"extension":292,"links":293,"meta":294,"navigation":295,"path":97,"seo":296,"stem":98,"__hash__":297},"docs/7.testing-and-debugging.md",{"type":118,"value":119,"toc":282},"minimark",[120,127,158,163,166,175,182,185,191,194,200,206,210,217,224,230,242,246,249,256,261,265,275],[121,122,123],"p",{},[124,125,126],"strong",{},"Test Mode Features:",[128,129,130,134,137,140],"ul",{},[131,132,133],"li",{},"In test mode, you can't run already compiled packages.",[131,135,136],{},"In test mode, you can't add items to your favorites.",[131,138,139],{},"The mode is complete and shows everything as it will be in the release package.",[131,141,142,143,148,149,152,153,157],{},"To display the ",[144,145,147],"a",{"href":146},"/additional/stylization#header-image","package header"," (image) in test mode: Place the header image in the folder containing the package's .ATOM file. The image name should be: ",[124,150,151],{},"custom_header_name.png"," ",[154,155,156],"em",{},"(.PNG filetype)",".",[159,160,162],"h2",{"id":161},"test-mode","Test Mode",[121,164,165],{},"Test mode allows you to run your package before compiling and debug it.",[121,167,168,169,172,173,157],{},"To launch test mode, open the extension and click the ",[124,170,171],{},"three lines"," → ",[124,174,162],{},[121,176,177],{},[178,179],"img",{"alt":180,"src":181},"Run Test Mode","/images/testing/run-test-mode.jpg",[121,183,184],{},"Find your package and drag & drop into the extension.",[121,186,187],{},[178,188],{"alt":189,"src":190},"Run Package Test","/images/testing/place-package-into-test.jpg",[121,192,193],{},"The package will automatically run without installation.",[121,195,196],{},[178,197],{"alt":198,"src":199},"Test Mode Overview","/images/testing/test-mode-overview.jpg",[201,202,203],"warning",{},[121,204,205],{},"If the JSON structure is corrupted, an error will appear.",[159,207,209],{"id":208},"refresh-content","Refresh Content",[121,211,212,213,216],{},"To see changes after editing your package file (.ATOM) - whether changes to the package structure or elements - click the ",[124,214,215],{},"Refresh"," button.",[121,218,219,220,223],{},"There is also a ",[124,221,222],{},"Disable"," button nearby that will allow you to exit testing mode.",[121,225,226],{},[178,227],{"alt":228,"src":229},"Refresh Package Content","/images/testing/refresh-package-content.jpg",[231,232,233],"note",{},[121,234,235,236,239,240,216],{},"Don't forget to save the package file ",[154,237,238],{},"(after making changes)"," and only then click the ",[124,241,215],{},[159,243,245],{"id":244},"dev-panel","Dev Panel",[121,247,248],{},"The Developer Panel allows you to use certain actions during the package development process.",[121,250,251,252,172,254,157],{},"To launch dev panel, open the extension and click the ",[124,253,171],{},[124,255,245],{},[121,257,258],{},[178,259],{"alt":245,"src":260},"/images/testing/run-dev-panel.jpg",[159,262,264],{"id":263},"debugging","Debugging",[121,266,267,268,157],{},"If for some reason you have damaged the JSON structure of your package, you can restore it using an ",[144,269,274],{"href":270,"rel":271,"target":273},"https://jsoneditoronline.org/",[272],"nofollow","_blank","online JSON parser",[276,277,279],"tip",{"to":278},"https://www.w3schools.com/whatis/whatis_json.asp",[121,280,281],{},"Remember that JSON has a strict structure—don't forget commas between objects, and don't leave commas if there's nothing after the object. Click here to read more about JSON.",{"title":283,"searchDepth":284,"depth":285,"links":286},"",1,2,[287,288,289,290],{"id":161,"depth":285,"text":162},{"id":208,"depth":285,"text":209},{"id":244,"depth":285,"text":245},{"id":263,"depth":285,"text":264},"Information about testing and package assembly","md",null,{},{"icon":99},{"title":96,"description":291},"9S3KBDRRtaiNSn_BTqsvPwVJOgleoc8Jvb_-zqNYC74",[299,301],{"title":91,"path":92,"stem":93,"description":300,"icon":94,"children":-1},"Ready-made package examples",{"title":101,"path":102,"stem":103,"description":302,"icon":104,"children":-1},"The final stage before release",1773452494252]