summaryrefslogtreecommitdiff
path: root/@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap
diff options
context:
space:
mode:
Diffstat (limited to '@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap')
-rw-r--r--@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap143
1 files changed, 143 insertions, 0 deletions
diff --git a/@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap b/@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap
new file mode 100644
index 0000000..e4cd67b
--- /dev/null
+++ b/@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap
@@ -0,0 +1,143 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`applies CSS variables in style prop 1`] = `
+<div
+ className="abcdefg"
+ size={24}
+ style={
+ Object {
+ "--bar": "20px",
+ "--baz": "24px",
+ "--foo": "tomato",
+ }
+ }
+>
+ This is a test
+</div>
+`;
+
+exports[`does not filter attributes for components 1`] = `
+<div>
+ voila
+</div>
+`;
+
+exports[`does not filter attributes for custom elements 1`] = `
+<my-element
+ className="abcdefg"
+ unknownAttribute="voila"
+>
+ This is a test
+</my-element>
+`;
+
+exports[`filters unknown html attributes for HTML tag 1`] = `
+<div
+ className="abcdefg"
+>
+ This is a test
+</div>
+`;
+
+exports[`forwards as prop when wrapping another styled component 1`] = `
+<a
+ className="hijklmn abcdefg"
+>
+ This is a test
+</a>
+`;
+
+exports[`handles wrapping another styled component 1`] = `
+<div
+ className="hijklmn abcdefg"
+>
+ This is a test
+</div>
+`;
+
+exports[`merges CSS variables with custom style prop 1`] = `
+<div
+ className="abcdefg"
+ style={
+ Object {
+ "--foo": "tomato",
+ "bar": "baz",
+ }
+ }
+>
+ This is a test
+</div>
+`;
+
+exports[`provides linaria component className for composition as last item in props.className 1`] = `
+<div
+ className="some-another-class abcdefg abcdefg--primary abcdefg--accessibility"
+>
+ original classname used for composition
+</div>
+`;
+
+exports[`renders component with display name and class name 1`] = `
+<div
+ className="abcdefg"
+>
+ This is a test
+</div>
+`;
+
+exports[`renders tag with display name and class name 1`] = `
+<h1
+ className="abcdefg"
+>
+ This is a test
+</h1>
+`;
+
+exports[`replaces custom component with as prop for primitive 1`] = `
+<a
+ className="abcdefg"
+ id="test"
+>
+ This is a test
+</a>
+`;
+
+exports[`replaces primitive with as prop for custom component 1`] = `
+<div
+ className="abcdefg"
+ foo="bar"
+ id="test"
+ style={
+ Object {
+ "fontSize": 12,
+ }
+ }
+>
+ This is a test
+</div>
+`;
+
+exports[`replaces simple component with as prop 1`] = `
+<a
+ className="abcdefg"
+ id="test"
+>
+ This is a test
+</a>
+`;
+
+exports[`supports extra class prop 1`] = `
+<div
+ className="primary abcdefg"
+>
+ This is a test
+</div>
+`;
+
+exports[`supports extra className prop 1`] = `
+<div
+ className="primary abcdefg"
+>
+ This is a test
+</div>
+`;