From 8b1b50d35e59dcbd3eff44af9c09904221eb3838 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Fri, 6 Dec 2024 14:44:06 +0000
Subject: [PATCH] [autofix.ci] apply automated fixes

---
 .../next-yak/runtime/__tests__/attrs.test.tsx | 89 ++++++++++++-------
 .../runtime/__tests__/styled.test.tsx         | 28 ++++--
 packages/next-yak/runtime/mocks/styled.ts     | 15 ++--
 3 files changed, 83 insertions(+), 49 deletions(-)

diff --git a/packages/next-yak/runtime/__tests__/attrs.test.tsx b/packages/next-yak/runtime/__tests__/attrs.test.tsx
index e15134da..07648460 100644
--- a/packages/next-yak/runtime/__tests__/attrs.test.tsx
+++ b/packages/next-yak/runtime/__tests__/attrs.test.tsx
@@ -91,9 +91,11 @@ it("should not call a function passed to attrs as an object value", () => {
 });
 
 it("defaultProps are merged into what function attrs receives", () => {
-  const Comp = (styled("button") as typeof styled.button).attrs<DataAttributes>((props) => ({
-    "data-color": props.color,
-  }))``;
+  const Comp = (styled("button") as typeof styled.button).attrs<DataAttributes>(
+    (props) => ({
+      "data-color": props.color,
+    }),
+  )``;
 
   Comp.defaultProps = {
     color: "red",
@@ -110,7 +112,9 @@ it("defaultProps are merged into what function attrs receives", () => {
 });
 
 it("pass props to the attr function", () => {
-  const Comp = (styled("button") as typeof styled.button).attrs<{ $submit?: boolean }>((p) => ({
+  const Comp = (styled("button") as typeof styled.button).attrs<{
+    $submit?: boolean;
+  }>((p) => ({
     type: p.$submit ? "submit" : "button",
   }))``;
 
@@ -131,7 +135,9 @@ it("pass props to the attr function", () => {
 });
 
 it("should replace props with attrs", () => {
-  const Comp = (styled("button") as typeof styled.button).attrs<{ $submit?: boolean }>((p) => ({
+  const Comp = (styled("button") as typeof styled.button).attrs<{
+    $submit?: boolean;
+  }>((p) => ({
     type: p.$submit ? "submit" : "button",
     tabIndex: 0,
   }))``;
@@ -175,7 +181,9 @@ it("should merge className", () => {
 });
 
 it("should merge className from folded attrs", () => {
-  const Inner = (styled("div") as typeof styled.div).attrs({ className: "foo" })``;
+  const Inner = (styled("div") as typeof styled.div).attrs({
+    className: "foo",
+  })``;
 
   const Comp = styled(Inner).attrs(() => ({
     className: "meow nya",
@@ -191,9 +199,11 @@ it("should merge className from folded attrs", () => {
 });
 
 it("should merge className even if its a function", () => {
-  const Comp = (styled("div") as typeof styled.div).attrs<{ $purr?: boolean }>((p) => ({
-    className: `meow ${p.$purr ? "purr" : "nya"}`,
-  }))``;
+  const Comp = (styled("div") as typeof styled.div).attrs<{ $purr?: boolean }>(
+    (p) => ({
+      className: `meow ${p.$purr ? "purr" : "nya"}`,
+    }),
+  )``;
 
   expect(TestRenderer.create(<Comp />).toJSON()).toMatchInlineSnapshot(`
     <div
@@ -232,10 +242,12 @@ it("should merge style", () => {
 });
 
 it("should work with data and aria attributes", () => {
-  const Comp = (styled("div") as typeof styled.div).attrs<DataAttributes>(() => ({
-    "data-foo": "bar",
-    "aria-label": "A simple FooBar",
-  }))``;
+  const Comp = (styled("div") as typeof styled.div).attrs<DataAttributes>(
+    () => ({
+      "data-foo": "bar",
+      "aria-label": "A simple FooBar",
+    }),
+  )``;
   expect(TestRenderer.create(<Comp />).toJSON()).toMatchInlineSnapshot(`
     <div
       aria-label="A simple FooBar"
@@ -347,7 +359,9 @@ it("should override children", () => {
 });
 
 it('should shallow merge "style" prop + attr instead of overwriting', () => {
-  const Paragraph = (styled("p") as typeof styled.p).attrs<{ $fontScale?: number }>((p) => ({
+  const Paragraph = (styled("p") as typeof styled.p).attrs<{
+    $fontScale?: number;
+  }>((p) => ({
     style: {
       ...p.style,
       fontSize: `${p.$fontScale}em`,
@@ -407,7 +421,9 @@ it("does not pass transient props to HTML element", () => {
 });
 
 it.skip('should apply given "as" prop to the progressive type', () => {
-  const Comp = (styled("div") as typeof styled.div).attrs<{ as?: any }>({ as: "video" as const })``;
+  const Comp = (styled("div") as typeof styled.div).attrs<{ as?: any }>({
+    as: "video" as const,
+  })``;
 
   //@ts-expect-error
   expect(TestRenderer.create(<Comp loop />).toJSON()).toMatchInlineSnapshot(`
@@ -421,12 +437,13 @@ it.skip('should apply given "as" prop to the progressive type', () => {
 
 // our own tests
 it("should remap props", () => {
-  const Comp = (styled("button") as typeof styled.button).attrs<{ primary?: boolean; $submit?: boolean }>(
-    (p) => ({
-      type: p.$submit ? "submit" : "button",
-      $primary: p.primary,
-    }),
-  )<{ $primary?: boolean }>``;
+  const Comp = (styled("button") as typeof styled.button).attrs<{
+    primary?: boolean;
+    $submit?: boolean;
+  }>((p) => ({
+    type: p.$submit ? "submit" : "button",
+    $primary: p.primary,
+  }))<{ $primary?: boolean }>``;
 
   expect(TestRenderer.create(<Comp />).toJSON()).toMatchInlineSnapshot(`
     <button
@@ -451,9 +468,11 @@ it("should remap props", () => {
 });
 
 it("should have optional attrs props as component interface", () => {
-  const Comp = (styled("h1") as typeof styled.h1).attrs<{ $primary?: boolean }>({
-    $primary: true,
-  })``;
+  const Comp = (styled("h1") as typeof styled.h1).attrs<{ $primary?: boolean }>(
+    {
+      $primary: true,
+    },
+  )``;
 
   expect(TestRenderer.create(<Comp />).toJSON()).toMatchInlineSnapshot(`
     <h1
@@ -516,7 +535,9 @@ it("should pass theme if theme is overwritten", () => {
 
 describe("attrs bug next-yak/issues/163", () => {
   it("should allow to delete a prop", () => {
-    const Comp = (styled("h1") as typeof styled.h1).attrs<{ primary?: boolean }>({
+    const Comp = (styled("h1") as typeof styled.h1).attrs<{
+      primary?: boolean;
+    }>({
       primary: undefined,
     })``;
 
@@ -529,7 +550,9 @@ describe("attrs bug next-yak/issues/163", () => {
   });
 
   it("should allow to rename a prop", () => {
-    const Comp = (styled("h1") as typeof styled.h1).attrs<{ primary?: boolean }>((p) => ({
+    const Comp = (styled("h1") as typeof styled.h1).attrs<{
+      primary?: boolean;
+    }>((p) => ({
       ...p,
       primary: undefined,
       $primary: p.primary,
@@ -544,12 +567,14 @@ describe("attrs bug next-yak/issues/163", () => {
   });
 
   it("should allow to rename a prop in overwritten attrs", () => {
-    const Parent = (styled("h1") as typeof styled.h1).attrs<{ count: number }>((p) => {
-      expect(p.count).toBe(1);
-      return {
-        count: ++p.count,
-      };
-    })``;
+    const Parent = (styled("h1") as typeof styled.h1).attrs<{ count: number }>(
+      (p) => {
+        expect(p.count).toBe(1);
+        return {
+          count: ++p.count,
+        };
+      },
+    )``;
     const Comp = styled(Parent).attrs<{ count: number }>((p) => {
       expect(p.count).toBe(2);
       return {
diff --git a/packages/next-yak/runtime/__tests__/styled.test.tsx b/packages/next-yak/runtime/__tests__/styled.test.tsx
index b8befb53..69962355 100644
--- a/packages/next-yak/runtime/__tests__/styled.test.tsx
+++ b/packages/next-yak/runtime/__tests__/styled.test.tsx
@@ -95,9 +95,11 @@ it("should filter out properties starting with $ when passing to custom", () =>
 });
 
 it("should forward properties to the next yak component", () => {
-  const Component = (styled("input") as typeof styled.input).attrs(({ $text }) => ({
-    "aria-label": $text,
-  }))``;
+  const Component = (styled("input") as typeof styled.input).attrs(
+    ({ $text }) => ({
+      "aria-label": $text,
+    }),
+  )``;
   const StyledComponent = styled(Component)``;
   const { container } = render(<StyledComponent $text="hello world" />);
 
@@ -139,7 +141,9 @@ it("should concatenate styles", () => {
 });
 
 it("should not add class if prop is not set", () => {
-  const Component = (styled("input") as typeof styled.input)(({ testProp }) => testProp && css("test"));
+  const Component = (styled("input") as typeof styled.input)(
+    ({ testProp }) => testProp && css("test"),
+  );
 
   const { container } = render(<Component />);
 
@@ -151,7 +155,9 @@ it("should not add class if prop is not set", () => {
 });
 
 it("should add class if prop is set", () => {
-  const Component = (styled("input") as typeof styled.input)(({ $testProp }) => $testProp && css("test"));
+  const Component = (styled("input") as typeof styled.input)(
+    ({ $testProp }) => $testProp && css("test"),
+  );
 
   const { container } = render(<Component $testProp />);
 
@@ -165,7 +171,9 @@ it("should add class if prop is set", () => {
 });
 
 it("should allow falsy values", () => {
-  const Component = (styled("input") as typeof styled.input)(({ $testProp }) => $testProp && css("test"));
+  const Component = (styled("input") as typeof styled.input)(
+    ({ $testProp }) => $testProp && css("test"),
+  );
 
   const { container } = render(
     <>
@@ -185,7 +193,9 @@ it("should allow falsy values", () => {
 });
 
 it("should execute runtime styles recursively", () => {
-  const Component = (styled("input") as typeof styled.input)<{ $testProp: boolean }>(
+  const Component = (styled("input") as typeof styled.input)<{
+    $testProp: boolean;
+  }>(
     ({ $testProp }) =>
       $testProp &&
       css(
@@ -279,7 +289,9 @@ it("should keep theme if theme is passed to element", () => {
 });
 
 it("should remove theme on wrapped element", () => {
-  const BaseComponent = (styled("input") as typeof styled.input)((p) => p && css("test"));
+  const BaseComponent = (styled("input") as typeof styled.input)(
+    (p) => p && css("test"),
+  );
   const Component = styled(BaseComponent)((p) => p && css("test-wrapper"));
 
   const { container } = render(
diff --git a/packages/next-yak/runtime/mocks/styled.ts b/packages/next-yak/runtime/mocks/styled.ts
index 8b95f435..4b4dc26a 100644
--- a/packages/next-yak/runtime/mocks/styled.ts
+++ b/packages/next-yak/runtime/mocks/styled.ts
@@ -1,9 +1,6 @@
-import { styled as StyledFactory } from "../styled.js"
-export const styled = new Proxy(
-    StyledFactory as any,
-    {
-      get(target, TagName: keyof JSX.IntrinsicElements) {
-        return target(TagName);
-      },
-    },
-  );
\ No newline at end of file
+import { styled as StyledFactory } from "../styled.js";
+export const styled = new Proxy(StyledFactory as any, {
+  get(target, TagName: keyof JSX.IntrinsicElements) {
+    return target(TagName);
+  },
+});