Add more integration tests

Author: Ives van Hoorne

docker/Dockerfile.integrations

@@ -1,4 +1,4 @@
-FROM 'circleci/node:9.0'
+FROM 'circleci/node:9'
 
 RUN sudo apt-get update && sudo apt-get install -yq gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 \
   libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 \

generate-test-screenshots.sh

@@ -1,4 +1,4 @@
 #!/bin/bash
-docker run -v $(pwd):/home/circleci/codesandbox-client -w /home/circleci/codesandbox-client --name test-container -t codesandbox/node-puppeteer yarn start:test && \
-id=$(docker inspect --format="{{.Id}}" test-container) && \
-docker exec $(id) yarn test:integrations
+docker run --rm --name test-container -v $(pwd):/home/circleci/codesandbox-client -w /home/circleci/codesandbox-client -d -t codesandbox/node-puppeteer yarn start:test && \
+sleep 6 && docker exec -it test-container yarn test:integrations && \
+docker stop test-container

packages/app/integration-tests/tests/__image_snapshots__/4j7m47vlm4-snap.png

@@ -18,6 +18,11 @@ const SANDBOXES = [
   'github/CompuIves/codesandbox-presentation',
   'lp5rjr0z4z',
   'nOymMxyY',
+  'y26rj99yov', // react transition
+  'X6npLXPRW', // react-table
+  '6w66jzw3mn', // material-design & preact
+  '4j7m47vlm4', // material-ui
+  'github/cssinjs/egghead/tree/master/from-sass-to-cssinjs/templates-and-variables', // postcss egghead
 ];
 
 function pageLoaded(page) {
@@ -42,7 +47,7 @@ describe('sandboxes', () => {
     const id = sandbox.id || sandbox;
     const threshold = sandbox.threshold || 0.01;
 
-    it(
+    it.concurrent(
       `loads the sandbox with id '${id}'`,
       async () => {
         browser = await browser;
@@ -65,7 +70,7 @@ describe('sandboxes', () => {
 
         await page.close();
       },
-      1000 * 60 * 1
+      1000 * 120 * 1
     );
   });
 });

packages/app/integration-tests/tests/__image_snapshots__/6w66jzw3mn-snap.png

@@ -10,7 +10,7 @@
     "build": "NODE_ENV=production node scripts/build.js",
     "test": "jest --env=jsdom",
     "test:watch": "jest --watch --env=jsdom",
-    "test:integrations": "jest --config integration-tests/jest.config.json --env=jsdom --maxWorkers=2",
+    "test:integrations": "jest --config integration-tests/jest.config.json --maxWorkers=2",
     "lint": "npm run lint:app && npm run lint:embed",
     "lint:app": "eslint src/app",
     "lint:embed": "eslint src/embed",