{"id":682,"date":"2024-05-10T18:49:10","date_gmt":"2024-05-10T22:49:10","guid":{"rendered":"https:\/\/sites.bu.edu\/marcom-team\/?page_id=682"},"modified":"2025-11-19T11:29:15","modified_gmt":"2025-11-19T16:29:15","slug":"qa-browser-testing-support","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/common-processes\/qa-browser-testing-support\/","title":{"rendered":"QA Browser Testing &#038; Support"},"content":{"rendered":"<h2><strong>Quality Assurance Site<\/strong><\/h2>\n<div class=\" bu-callout alignright\"><\/p>\n<h4>Designers are encouraged to clone our Quality Assurance site and append <code>-qa<\/code> to the end of their cloned site&#8217;s URL.<\/h4>\n<p><\/div>\n<p>Our Quality Assurance site was created to streamline browser testing and QA for Framework and component products. It showcases multiple instances of our capabilities \u2014 eliminating the need for content input for testing.<\/p>\n<p>Created and maintained by Senior Lead Designer <a href=\"mailto:rjfoley@bu.edu\">RJ Foley<\/a>, it is updated with variations of new Framework product components as they are launched.<\/p>\n<p><a href=\"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">QA Child Starter 3<\/a><\/p>\n<p><a href=\"https:\/\/id-demos.cms-devl.bu.edu\/core-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">QA Child Starter 2<\/a><\/p>\n<hr \/>\n<figure id=\"attachment_3707\" aria-describedby=\"caption-attachment-3707\" style=\"width: 835px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" src=\"\/marcom-team\/files\/2025\/08\/Screenshot-2025-08-08-at-3.16.28\u202fPM.png\" alt=\"\" width=\"825\" height=\"323\" class=\"size-full wp-image-3707\" srcset=\"https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/08\/Screenshot-2025-08-08-at-3.16.28\u202fPM.png 825w, https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/08\/Screenshot-2025-08-08-at-3.16.28\u202fPM-636x249.png 636w, https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/08\/Screenshot-2025-08-08-at-3.16.28\u202fPM-768x301.png 768w\" sizes=\"(max-width: 825px) 100vw, 825px\" \/><figcaption id=\"caption-attachment-3707\" class=\"wp-caption-text\">Screenshot of BrowserStack presets Interactive Design must support at minimum.<\/figcaption><\/figure>\n<h3>BrowserStack Live<\/h3>\n<p>We have these aforementioned presets available in BrowserStack, the online service Interactive Design utilizes to test cross-device.<\/p>\n<p><a href=\"https:\/\/www.browserstack.com\/users\/sign_in\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button button-secondary\">Let&#8217;s Test<\/a><\/p>\n<h3>Mandates<\/h3>\n<ul>\n<li>We no longer support Internet Explorer [IE] because <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/best-practices\/browser-support\/\">WordPress no longer does<\/a>.<\/li>\n<li>ALWAYS be sure to double-check that your project is <a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/accessibility-tips\/\">accessible<\/a> as well.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/design-options\/custom\/browser-support-for-custom-bu-wordpress-themes\/\" class=\"button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">TechWeb Notice<\/a><\/p>\n<hr \/>\n<p>As of August 8, 2025, we&#8217;re committed to supporting these browser\/OS combinations <strong>for Quality Assurance testing<\/strong>:<\/p>\n<h3>Desktop<\/h3>\n<ul>\n<li><strong>Chrome 127<\/strong> on <strong>Windows 11<\/strong>\n<ul>\n<li>Biggest single browser\/OS share combo on desktop.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Edge 127<\/strong> on <strong>Windows 11<\/strong>\n<ul>\n<li>Windows default browser, Chromium-based but feature-flagged differently.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chrome 127<\/strong> on <strong>macOS Sequoia 15.3<\/strong>\n<ul>\n<li>Popular Mac alternative to Safari.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Safari 18.3<\/strong> on <strong>macOS Sequoia 15.3<\/strong>\n<ul>\n<li>Key for WebKit differences and Apple ecosystem users.<\/li>\n<li>The farthest <span style=\"text-decoration: underline;\">Safari baseline<\/span> we support would be <strong>Safari 15.6<\/strong> on <strong>macOS Monterey<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Firefox 128<\/strong> on <strong>Windows 11<\/strong>\n<ul>\n<li>Important for standards, compliance checks.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Mobile<\/h3>\n<ul>\n<li><strong>Safari Mobile 17.4<\/strong> on <strong>iPhone 16 \/ iOS 18<\/strong>\n<ul>\n<li>Most common iOS pairing in active devices.<\/li>\n<li>The farthest <span style=\"text-decoration: underline;\">Safari iOS baseline<\/span> we support would be Safari on <strong>iPhone XR<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chrome Mobile 127<\/strong> on <strong>Galaxy S25 Ultra \/ Android 15<\/strong>\n<ul>\n<li>Dominant Android + Chrome setup.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Samsung Internet 25<\/strong> on <strong>Galaxy S25 Ultra or Fold 7 \/ Android 15<\/strong>\n<ul>\n<li>Yes: Samsung has their own browser for Android. It&#8217;s the default Samsung browser for millions of users.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chrome Mobile 127<\/strong> on <strong>Pixel 9 Pro \/ Android 15<\/strong>\n<ul>\n<li>Google reference device + <span style=\"text-decoration: underline;\">Android baseline<\/span>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chrome Mobile 127<\/strong> on <strong>Pixel 9a <\/strong>and<strong> OnePlus 13 \/ Android 15<\/strong>\n<ul>\n<li>Budget-performance mix for real-world constraints.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h5 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">What if I'm just getting a Code Review?<\/h5><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>If you are preparing a Code Review, then the latest browser version on your native machine should be sufficient to test against. The earliest version of Safari you should be working from is <strong>Safari 15.6<\/strong> on <strong>macOS Monterey<\/strong>.<\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h5 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">How slim a viewport should I test down to?<\/h5><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<ul>\n<li><strong><span style=\"text-decoration: underline;\">Absolute<\/span> <\/strong>minimum: <strong>280 px<\/strong> wide (Galaxy Z Fold cover display).<\/li>\n<li><strong>Comfortable <\/strong>minimum: <strong>300\u2013320 px<\/strong> wide (smallest common phone in circulation).<\/li>\n<\/ul>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h5 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Pressed for time? Legacy Compatibility (Very Rare)<\/h5><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>If you&#8217;re pressed for time due to a tight project turnaround OR if the project scope <em>adamantly<\/em> and <em>explicitly<\/em> states we need to ensure legacy browser\/OS support, then follow:<\/p>\n<ul>\n<li>[Pick an] <strong>Android Device<\/strong> \/ <strong>Android 12 OS<\/strong>.<\/li>\n<li><strong>Safari<\/strong> on <strong>iPhone XR<\/strong>.<\/li>\n<li><strong>Edge 109<\/strong> on <strong>Windows 7<\/strong>.<\/li>\n<li><strong>Safari 15.6<\/strong> on <strong>macOS Monterey<\/strong>.<\/li>\n<\/ul>\n<p><em>You should <strong>NOT<\/strong> have to be testing against any version of Internet Explorer.<\/em><\/p>\n<p><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Quality Assurance Site Our Quality Assurance site was created to streamline browser testing and QA for Framework and component products. It showcases multiple instances of our capabilities \u2014 eliminating the need for content input for testing. Created and maintained by Senior Lead Designer RJ Foley, it is updated with variations of new Framework product components [&hellip;]<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":689,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/682"}],"collection":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/comments?post=682"}],"version-history":[{"count":22,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/682\/revisions"}],"predecessor-version":[{"id":4130,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/682\/revisions\/4130"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/689"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/media?parent=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}