fix(carbon-web-components): tweak to CDN example styles

packages/web-components/examples/codesandbox/components/carbon-web-components/cdn.html

@@ -82,7 +82,7 @@
 </bx-header>
 <div class="bx--grid">
   <div class="bx--row">
-    <div class="bx--col-sm-4 bx--col-lg-12" style="margin-bottom: 6rem;">
+    <div class="bx--col-sm-4 bx--col-lg-12" style="margin: 6rem 0;">
       <h3>bx-accordion</h3>
 
       <bx-accordion>

packages/web-components/package.json

@@ -72,6 +72,7 @@
     "test:e2e:build": "node ./tests/e2e/build/build-examples.js",
     "test:e2e:run": "http-server -c-1 tests/e2e/dist --silent",
     "test:e2e:test": "start-server-and-test 'yarn test:e2e:run' 8080 'percy exec --config tests/e2e/.percy.json -- cypress run --config-file tests/e2e/cypress.json'",
+    "test:e2e:test:no-percy": "start-server-and-test 'yarn test:e2e:run' 8080 'cypress run --config-file tests/e2e/cypress.json'",
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "upgrade-carbon": "yarn upgrade-interactive carbon-components carbon-web-components @carbon/icon-helpers @carbon/icons --latest --exact",
     "visual-snapshot": "yarn build-storybook && percy-storybook --widths=320,1280",

packages/web-components/tests/e2e/__tests__/carbon-web-components/carbon-web-components.cdn.e2e.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+describe('carbon-web-components (cdn)', () => {
+  it('should load the carbon-web-components examples', () => {
+    cy.visit('/carbon-web-components/cdn.html');
+
+    // Take a snapshot for visual diffing
+    cy.percySnapshot('carbon-web-components | cdn | examples');
+  });
+});