Merge pull request #45 from liip/show-bg-color-in-editor

Show bg color in editor

Author: tschortsch

.gitignore

@@ -3,8 +3,8 @@ vendor
 build/*
 !build/index.js
 !build/index.asset.php
-!build/editor.css
-!build/style.css
+!build/index.css
+!build/style-index.css
 wp-cli.phar
 composer.phar
 /wordpress

.travis.yml

@@ -9,7 +9,6 @@ services:
 env:
   global:
     - secure: pTuC5XVCyo85IzE2pCulnvmsrUA6UicQH+lo2t7x7h+cJQP4YThEI8CE64L1cbH8aBby2+7mZfKvXJTEsLN4FOclY0WzIu8kncRtXmnSysM8cwXSx6ly9Ro3E1JWjT9W7BrWoE6tOMMmv5f0FKTw6b4Rwlv9sFICEERdCIcI6mrRORWwcznoMs2Pg8d0BkZsOm7gcJ7QRL+lfw72fqb8+jCaatzO9WjeUPq5txueVntgaBG+R4Pt6WNHdFPIvYjN7onos9Mw+xeZqZmubG/htTne1ZPQTX7KeI68Hic4rxGEC5eGvXOZoUxfmpoJyoBYb3uPPxWkvsSmgqEMEbTFwtXvLqOkaLXrypGZfksP+yMuBF337uwz8/7eFanYjSsY8qRHDCbQ7xQOboTZyp+soKqQStr6dfLcwsF8v5nRnLBvTBzbgSgCK81SeStH4VcumJoVvWEKPTNx4yRvSK+7W9JuHajR6EXA1YZs0jyfOXM8oDRWaP45CRbu6cKtF+YZykOXYUV8/ZCcFjixmd04VO8M31vnuHN5nF+45JtWkhW2wL62y+x3czc8mMKemhGoCPdR2V+iE38aQ8uHPzyp0dtoXsEBiaypV/c8CvYryirKqGnvNIhmOwgg7k04L5yULkRJlEw27SRnTTyNJ3Dv9NJ+9A7bX4utZcOiSxkohdM=
-    - WP_DEVELOP_DIR: ./wordpress
     - PHP_FPM_UID: 2000
     - PHP_FPM_GID: 2000
 
@@ -19,13 +18,13 @@ before_install:
 install:
   - composer install
   - npm ci
-  - scripts/install-wp.sh
+  - npm run wp-env start
 
 script:
   - npm run lint
-  - npm run env lint-php
+  - npm run lint:php
   - npm run test:e2e
-  - npm run env test-php
+  - npm run test:unit:php:ci
 
 deploy:
   provider: script

.wp-env.json

@@ -0,0 +1,7 @@
+{
+  "core": "WordPress/WordPress",
+  "plugins": [ "." ],
+  "mappings": {
+    "wp-content/plugins/wp-bootstrap-blocks-test-plugins": "./e2e-tests/plugins"
+  }
+}

README.md

@@ -30,7 +30,7 @@ This plugin adds Bootstrap components and layout options as Gutenberg blocks.
 * Sizes for all breakpoints (xl, lg, md, sm, xs): How much space the column should use for the given breakpoint.
 * Equal width for all breakpoints (xl, lg, md, sm, xs): If enabled column will spread width evenly with other columns.
 * Background Color: Set background color to column.
-* Center content: Center content vertically in column. This option is only needed if a background color is set. Otherwise use the **Alignment** option of the otuer `row` block.
+* Center content: Center content vertically in column. This option is only needed if a background color is set. Otherwise use the **Alignment** option of the outer `row` block.
 * Padding: Define padding inside the column.
 
 ### Button
@@ -49,7 +49,7 @@ This plugin adds Bootstrap components and layout options as Gutenberg blocks.
 
 ## Bootstrap library
 
-Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this for yourself. 
+Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. 
 We decided not to include the library so that you can modify Bootstrap to your own needs before loading it.
 
 The easiest way to do this is to add the following to your theme's `function.php`:
@@ -591,8 +591,8 @@ php wp-cli.phar i18n make-pot --exclude="wordpress" . languages/wp-bootstrap-blo
 The following commands can be used to setup a local dev environment. See the official [documentation of `@wordpress/scripts`](https://developer.wordpress.org/block-editor/packages/packages-scripts/#available-sub-scripts) for a complete list of commands.
 
 * `scripts/install-wp.sh [wp-version]`: Install local WordPress environment
-* `npm run env start`: Starts the Docker containers.
-* `npm run env stop`: Stops the Docker containers.
+* `npm run wp-env start`: Starts the Docker containers.
+* `npm run wp-env stop`: Stops the Docker containers.
 
 ### Testing
 
@@ -616,13 +616,13 @@ This file gets automatically generated if the test runs for the first time and t
 To run the tests use the following command:
 
 ```bash
-npm run env test-php
+npm run test:unit:php
 ```
 
 or the following command to run a specific test:
 
 ```bash
-npm run env test-php -- --filter 'my_test'
+npm run test:unit:php -- --filter 'my_test'
 ```
 
 #### Puppeteer E2E Tests

build/editor.css

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => '8abd10a9ebae5707ce70cf31f11dedee');
+<?php return array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => '130d186358a29f9f3f810962654c962a');

build/index.asset.php

@@ -25,8 +25,9 @@
 	},
 	"require-dev": {
 		"squizlabs/php_codesniffer": "^3.5",
-		"wp-coding-standards/wpcs": "^2.2",
-		"dealerdirect/phpcodesniffer-composer-installer": "^0.6.2"
+		"wp-coding-standards/wpcs": "^2.3",
+		"dealerdirect/phpcodesniffer-composer-installer": "^0.6.2",
+		"wp-phpunit/wp-phpunit": "^5.4"
 	},
 	"scripts": {
 		"lint": "phpcs --standard=phpcs.xml"