diff options
Diffstat (limited to '@linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap')
-rw-r--r-- | @linaria/packages/react/__tests__/__snapshots__/styled.test.js.snap | 143 |
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> +`; |