Merge pull request #150 from ZEISS/develop

Elevate

Author: kotielnikov

CHANGELOG.md

@@ -1,4 +1,22 @@
 # Precise UI Changelog
+## 0.7.0
+
+- Fixed horizontal padding for InputInfo and InputError
+- Hide info element on open Autocomplete list
+- Fixed overview pagination elements' layout in IE 11
+- Fixed display of label, placeholder and info on AutocompleteTagBuilder 
+- Fixed toaster action click area
+- Fixed two cross(clear) buttons displayed inside TextField in IE 11
+- Fixed `Styled Input Box` flex layout for IE 11
+- Fixed `FileUploader` background blocking area
+- New `DateField`
+- Show FileUploader on top of modal
+- Improved `AccordionTable` sorting (empty groups)
+
+## 0.6.2
+
+- Fixed notification overflow in IE11
+- Fixed Carousel component to make carousel item clickable
 
 ## 0.6.1
 

README.md

@@ -160,6 +160,38 @@ npm run test:unit --coverage
 
 For unit tests we use Jest. We recommend using snapshot tests (which are done via enzyme and some JSON snapshot serializer).
 
+#### Visual testing
+
+Visual snapshots are located in `/integration/__image_snapshots__`.
+
+When the testing runs it renders components from `[componentName]/Example.md`, makes screenshots and compares them to the previous version screenshots.
+
+To run the testing locally Docker should be installed.
+
+```sh
+npm run test:visual
+```
+
+Once a component was changed, added or removed then snapshots should be updated.
+To update snapshots:
+```sh
+npm run test:visual -- -u
+```
+
+In some cases (i.e components with animations) it's needed to skip the test. It can be done in the next way: update Example.md file:
+```
+```js { "props": { "data-skip": true } }
+
+<Component />
+```
+In some cases it's needed to tell visual test to wait before doing a snapshot. It can be done in the next way: update Example.md file:
+
+```
+```js { "props": { "data-wait": 500 } }
+
+<Component />
+```
+
 #### Adding new icons
 
 The list of all imported icons is in `/tools/icongen.config`. After modifying the list you should run `npm run icongen` or it will be run on prepush.

integration/__image_snapshots__/AccordionTable_13-snap.png

@@ -12,4 +12,7 @@ module.exports = {
       diagnostics: false,
     },
   },
+  moduleNameMapper: {
+    '\\.(s?css|less)$': 'identity-obj-proxy',
+  },
 };