Skip to content

Commit

Permalink
Update test refs
Browse files Browse the repository at this point in the history
  • Loading branch information
kdy1 committed Jul 1, 2024
1 parent ea9c7f0 commit 0bde354
Show file tree
Hide file tree
Showing 118 changed files with 0 additions and 802 deletions.
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
export default function Home() {
return <div data-test-id="1">

<div>

<h1 data-testid="3">Hello World!</h1>

</div>

</div>;
}
Original file line number Diff line number Diff line change
@@ -1,15 +1,9 @@
export default function Home() {
return <div data-custom="1a">

<div data-custom="2">

<h1 nested={()=><div>nested</div>}>

Hello World!

</h1>

</div>

</div>;
}
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,7 @@ const ReproElement = styled.p.withConfig({
]);
export function ReproComponent(props) {
return <ReproElement>

This should be preceded by a copyright symbol and <i>not</i> backslash,

letter A, digit nine

</ReproElement>;
}
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,14 @@ import React from "react";
import Card from "../../shared/components/Card";
import config from "../../../config";
export default (()=><_StyledDiv>

<Card>

<h1>Login or Sign Up</h1>

<p>

<a href={config.API_URI + "/auth/google"}>

Sign up or login with Google

</a>

</p>

</Card>

</_StyledDiv>);
var _StyledDiv = _styled("div")`
width: 35em;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -19,46 +19,32 @@ const Thing2 = styled(Thing).withConfig({
* Basic fixtures
*/ const StaticString = (p)=><_StyledP>A</_StyledP>;
const StaticTemplate = (p)=><_StyledP2>

A

</_StyledP2>;
const ObjectProp = (p)=><_StyledP3>A</_StyledP3>;
const NoChildren = (p)=><_StyledP4/>;
const CssHelperProp = (p)=><_StyledP5>

A

</_StyledP5>;
/*
* Dynamic prop
*/ const CustomComp = (p)=><_StyledParagraph>H</_StyledParagraph>;
const DynamicProp = (p)=><_StyledP6 $_css={props.cssText}>H</_StyledP6>;
const LocalInterpolation = (p)=><_StyledP7 $_css2={props.bg}>

H

</_StyledP7>;
const FuncInterpolation = (p)=><_StyledP8>

H

</_StyledP8>;
const radius = 10;
const GlobalInterpolation = (p)=><_StyledP9>

H

</_StyledP9>;
const LocalCssHelperProp = (p)=><_StyledP10 $_css3={p.color}>

A

</_StyledP10>;
const DynamicCssHelperProp = (p)=><_StyledP11>

A

</_StyledP11>;
const CustomCompWithDot = (p)=><_StyledButtonGhost>H</_StyledButtonGhost>;
const NestedCompWithDot = (p)=><_StyledButtonGhostNew>H</_StyledButtonGhostNew>;
Expand All @@ -69,17 +55,13 @@ const getAfterValue = ()=>'"bar"';
const ObjectPropMixedInputs = (p)=>{
const color = "red";
return <_StyledP12 $_css4={p.background} $_css5={color} $_css6={globalVar} $_css7={getAfterValue()}>

A

</_StyledP12>;
};
const SpreadObjectPropMixedInputs = (p)=>{
const color = "red";
return <_StyledP13 $_css8={globalVar} $_css9={getAfterValue()} $_css10={globalVar} $_css11={getAfterValue()} $_css12={p.background} $_css13={globalVar} $_css14={getAfterValue()}>

A

</_StyledP13>;
};
/* styled component defined after function it's used in */ const EarlyUsageComponent = (p)=><_StyledThing/>;
Expand Down Expand Up @@ -134,41 +116,31 @@ const RequiredComponentUsage = (p)=><_StyledSomeOtherComponent/>;
const ObjectInterpolation = (p)=>{
const theme = useTheme();
return <_StyledP14 $_css15={theme.colors.red}>

H

</_StyledP14>;
};
const ObjectInterpolationCustomComponent = (p)=>{
const theme = useTheme();
return <_StyledThing3 $_css16={theme.colors.red}>

H

</_StyledThing3>;
};
const ObjectInterpolationInKey = (p)=>{
const theme = useTheme();
return <_StyledThing4 $_css17={theme.breakpoints.md}>

H

</_StyledThing4>;
};
const ObjectFnInterpolationInKey = (p)=>{
const theme = useTheme();
return <_StyledThing5 $_css18={theme.breakpoints.md()}>

H

</_StyledThing5>;
};
const ObjectFnSimpleInterpolationInKey = (p)=>{
const foo = "@media screen and (max-width: 600px)";
return <_StyledThing6 $_css19={foo}>

H

</_StyledThing6>;
};
const ObjectPropWithSpread = ()=>{
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,46 +3,32 @@
*/ import _styled from "styled-components";
const StaticString = (p)=><_StyledP>A</_StyledP>;
const StaticTemplate = (p)=><_StyledP2>

A

</_StyledP2>;
const ObjectProp = (p)=><_StyledP3>A</_StyledP3>;
const NoChildren = (p)=><_StyledP4/>;
const CssHelperProp = (p)=><_StyledP5>

A

</_StyledP5>;
/*
* Dynamic prop
*/ const CustomComp = (p)=><_StyledParagraph>H</_StyledParagraph>;
const DynamicProp = (p)=><_StyledP6 $_css={props.cssText}>H</_StyledP6>;
const LocalInterpolation = (p)=><_StyledP7 $_css2={props.bg}>

H

</_StyledP7>;
const FuncInterpolation = (p)=><_StyledP8>

H

</_StyledP8>;
const radius = 10;
const GlobalInterpolation = (p)=><_StyledP9>

H

</_StyledP9>;
const LocalCssHelperProp = (p)=><_StyledP10 $_css3={p.color}>

A

</_StyledP10>;
const DynamicCssHelperProp = (p)=><_StyledP11>

A

</_StyledP11>;
const CustomCompWithDot = (p)=><_StyledButtonGhost>H</_StyledButtonGhost>;
const NestedCompWithDot = (p)=><_StyledButtonGhostNew>H</_StyledButtonGhostNew>;
Expand Down Expand Up @@ -74,49 +60,37 @@ var _StyledThing = _styled(Thing3)`color: red;`;
const ObjectInterpolation = (p)=>{
const theme = useTheme();
return <_StyledP12 $_css4={theme.colors.red}>

H

</_StyledP12>;
};
const ObjectInterpolationCustomComponent = (p)=>{
const theme = useTheme();
return <_StyledThing2 $_css5={theme.colors.red}>

H

</_StyledThing2>;
};
const ObjectInterpolationInKey = (p)=>{
const theme = useTheme();
return <_StyledThing3 $_css6={theme.breakpoints.md}>

H

</_StyledThing3>;
};
const ObjectFnInterpolationInKey = (p)=>{
const theme = useTheme();
return <_StyledThing4 $_css7={theme.breakpoints.md()}>

H

</_StyledThing4>;
};
const ObjectFnSimpleInterpolationInKey = (p)=>{
const foo = "@media screen and (max-width: 600px)";
return <_StyledThing5 $_css8={foo}>

H

</_StyledThing5>;
};
const ObjectPropMixedInputs = (p)=>{
const color = "red";
return <_StyledP13 $_css9={p.background} $_css10={color} $_css11={globalVar} $_css12={getAfterValue()}>

A

</_StyledP13>;
};
const ObjectPropWithSpread = ()=>{
Expand All @@ -133,24 +107,18 @@ const id = (x)=>x;
const LocalCallInterpolation = (p)=>{
const color = "red";
return <_StyledP14 $_css15={id(color)}>

H

</_StyledP14>;
};
const LocalCallInterpolation2 = ()=>{
return <_StyledP15>

H

</_StyledP15>;
};
const LocalCallCssHelperProp = (p)=>{
const color = "red";
return <_StyledP16 $_css16={id(color)}>

H

</_StyledP16>;
};
// https://github.com/vercel/next.js/issues/38914
Expand All @@ -176,40 +144,30 @@ const colorMap2 = {
const LocalMemberInterpolation = (p)=>{
const color = "red";
return <_StyledP17 $_css18={colorMap[color]}>

H

</_StyledP17>;
};
const LocalMemberInterpolation2 = (p)=>{
const color = "red";
return <_StyledP18 $_css19={colorMap[colorMap2[color]]}>

H

</_StyledP18>;
};
const LocalMemberInterpolation3 = (p)=>{
const color = "red";
return <_StyledP19 $_css20={colorMap[id(color)]}>

H

</_StyledP19>;
};
const LocalMemberInterpolation4 = ()=>{
return <_StyledP20>

H

</_StyledP20>;
};
const LocalMemberCssHelperProp = (p)=>{
const color = "red";
return <_StyledP21 $_css21={colorMap[color]}>

H

</_StyledP21>;
};
var _StyledP = _styled("p")`flex: 1;`;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,62 +1,32 @@
import _JSXStyle from "styled-jsx/style";
const Component = ()=><>

<header>

<Comp>

<_JSXStyle id={styles.__hash}>{styles}</_JSXStyle>

<_JSXStyle id={"b3e1b6a7c9b96113"}>{""}</_JSXStyle>

</Comp>

<p className={"jsx-b3e1b6a7c9b96113"}>

<_JSXStyle id={"b3e1b6a7c9b96113"}>{""}</_JSXStyle>

</p>

</header>

<div className={"jsx-b3e1b6a7c9b96113"}>

<h1 className={"jsx-b3e1b6a7c9b96113"}>

Welcome!

<style jsx>{``}</style>

</h1>

<_JSXStyle id={"b3e1b6a7c9b96113"}>{""}</_JSXStyle>

</div>

<div className={"jsx-b3e1b6a7c9b96113"}>

<_JSXStyle id={"b3e1b6a7c9b96113"}>{""}</_JSXStyle>

<h1 className={"jsx-b3e1b6a7c9b96113"}>

Hello world!

<style jsx global>{``}</style>

</h1>

</div>

<div className={"jsx-b3e1b6a7c9b96113"}>

<>

<style jsx>{styles}</style>

</>

<_JSXStyle id={"b3e1b6a7c9b96113"}>{""}</_JSXStyle>

</div>

</>;
Loading

0 comments on commit 0bde354

Please sign in to comment.