From 62d2c2ee09e60dfb5ce8491256e690547cf7ffc7 Mon Sep 17 00:00:00 2001
From: Aanand Prasad <aanand.prasad@gmail.com>
Date: Wed, 31 Jan 2018 14:48:20 +0000
Subject: [PATCH] test(ui): fix volatile snapshot tests
---
.../ui/test/AlignmentBoxWithLabel.test.js | 1 +
packages/ui/test/AlignmentTool.test.js | 1 +
.../AlignmentBoxWithLabel.test.js.snap | 20 +++++++++-
.../__snapshots__/AlignmentTool.test.js.snap | 40 ++++++++++++++++++-
4 files changed, 59 insertions(+), 3 deletions(-)
diff --git a/packages/ui/test/AlignmentBoxWithLabel.test.js b/packages/ui/test/AlignmentBoxWithLabel.test.js
index 1656a648b..8bb6ed97f 100644
--- a/packages/ui/test/AlignmentBoxWithLabel.test.js
+++ b/packages/ui/test/AlignmentBoxWithLabel.test.js
@@ -1,6 +1,7 @@
import React from 'react'
import { shallow, mount, render } from 'enzyme'
import renderer from 'react-test-renderer'
+import 'jest-styled-components'
import AlignmentBox from '../src/atoms/AlignmentBox'
import AlignmentBoxWithLabel from '../src/molecules/AlignmentBoxWithLabel'
diff --git a/packages/ui/test/AlignmentTool.test.js b/packages/ui/test/AlignmentTool.test.js
index e43ae42f7..d326e5740 100644
--- a/packages/ui/test/AlignmentTool.test.js
+++ b/packages/ui/test/AlignmentTool.test.js
@@ -1,6 +1,7 @@
import React from 'react'
import { shallow, mount } from 'enzyme'
import renderer from 'react-test-renderer'
+import 'jest-styled-components'
import AlignmentBoxWithLabel from '../src/molecules/AlignmentBoxWithLabel'
import AlignmentTool from '../src/molecules/AlignmentTool'
diff --git a/packages/ui/test/__snapshots__/AlignmentBoxWithLabel.test.js.snap b/packages/ui/test/__snapshots__/AlignmentBoxWithLabel.test.js.snap
index 187ac4791..1e7b29b67 100644
--- a/packages/ui/test/__snapshots__/AlignmentBoxWithLabel.test.js.snap
+++ b/packages/ui/test/__snapshots__/AlignmentBoxWithLabel.test.js.snap
@@ -1,6 +1,24 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AlignmentBoxWithLabel is rendered correctly 1`] = `
+.c0 {
+ box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
+ cursor: pointer;
+ height: 26px;
+ width: 17px;
+ border-style: solid;
+ border-color: #666;
+ border-top-width: 1px;
+ border-right-width: 1px;
+ border-bottom-width: 1px;
+ border-left-width: 1px;
+ background-color: transparent;
+}
+
+.c0:hover {
+ background-color: #b3b3b3;
+}
+
<div
className="root"
>
@@ -10,7 +28,7 @@ exports[`AlignmentBoxWithLabel is rendered correctly 1`] = `
Left
</span>
<div
- className="sc-bdVaJa iAeTlR"
+ className="c0"
id="left"
onClick={[Function]}
role="presentation"
diff --git a/packages/ui/test/__snapshots__/AlignmentTool.test.js.snap b/packages/ui/test/__snapshots__/AlignmentTool.test.js.snap
index a16d41103..970c0864a 100644
--- a/packages/ui/test/__snapshots__/AlignmentTool.test.js.snap
+++ b/packages/ui/test/__snapshots__/AlignmentTool.test.js.snap
@@ -1,6 +1,42 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AlignmentTool is rendered correctly 1`] = `
+.c0 {
+ box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
+ cursor: pointer;
+ height: 26px;
+ width: 17px;
+ border-style: solid;
+ border-color: #666;
+ border-top-width: 1px;
+ border-right-width: 0;
+ border-bottom-width: 1px;
+ border-left-width: 1px;
+ background-color: transparent;
+}
+
+.c0:hover {
+ background-color: #b3b3b3;
+}
+
+.c1 {
+ box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
+ cursor: pointer;
+ height: 26px;
+ width: 17px;
+ border-style: solid;
+ border-color: #666;
+ border-top-width: 1px;
+ border-right-width: 1px;
+ border-bottom-width: 1px;
+ border-left-width: 0;
+ background-color: transparent;
+}
+
+.c1:hover {
+ background-color: #b3b3b3;
+}
+
<div
className="root"
>
@@ -13,7 +49,7 @@ exports[`AlignmentTool is rendered correctly 1`] = `
Left
</span>
<div
- className="sc-bdVaJa ieYRgr"
+ className="c0"
id="left"
onClick={[Function]}
role="presentation"
@@ -31,7 +67,7 @@ exports[`AlignmentTool is rendered correctly 1`] = `
right
</span>
<div
- className="sc-bdVaJa fCBdDA"
+ className="c1"
id="right"
onClick={[Function]}
role="presentation"
--
GitLab