test: Format codebase with prettier (#959)

Author: eps1lon

.github/workflows/validate.yml

@@ -38,6 +38,10 @@ jobs:
         with:
           useLockFile: false
 
+      # TODO: Can be removed if https://github.com/kentcdodds/kcd-scripts/pull/146 is released
+      - name: Verify format (`npm run format` committed?)
+        run: npm run format -- --check --no-write
+
       # as requested by the React team :)
       # https://reactjs.org/blog/2019/10/22/react-release-channels.html#using-the-next-channel-for-integration-testing
       - name: ⚛️ Setup react

package.json

@@ -14,6 +14,7 @@
     "build:bundle:main": "dotenv -e .bundle.main.env kcd-scripts build -- --bundle --no-clean",
     "build:bundle:pure": "dotenv -e .bundle.main.env -e .bundle.pure.env kcd-scripts build -- --bundle --no-clean",
     "build:main": "kcd-scripts build --no-clean",
+    "format": "kcd-scripts format",
     "lint": "kcd-scripts lint",
     "setup": "npm install && npm run validate -s",
     "test": "kcd-scripts test",

src/index.js

@@ -5,7 +5,7 @@ import {cleanup} from './pure'
 // this ensures that tests run in isolation from each other
 // if you don't like this then either import the `pure` module
 // or set the RTL_SKIP_AUTO_CLEANUP env variable to 'true'.
-if (typeof process === "undefined" || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
+if (typeof process === 'undefined' || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
   // ignore teardown() in code coverage because Jest does not support it
   /* istanbul ignore else */
   if (typeof afterEach === 'function') {

types/index.d.ts

@@ -13,7 +13,7 @@ export * from '@testing-library/dom'
 
 export type RenderResult<
   Q extends Queries = typeof queries,
-  Container extends Element | DocumentFragment = HTMLElement
+  Container extends Element | DocumentFragment = HTMLElement,
 > = {
   container: Container
   baseElement: Element
@@ -32,7 +32,7 @@ export type RenderResult<
 
 export interface RenderOptions<
   Q extends Queries = typeof queries,
-  Container extends Element | DocumentFragment = HTMLElement
+  Container extends Element | DocumentFragment = HTMLElement,
 > {
   container?: Container
   baseElement?: Element
@@ -48,7 +48,7 @@ type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
  */
 export function render<
   Q extends Queries = typeof queries,
-  Container extends Element | DocumentFragment = HTMLElement
+  Container extends Element | DocumentFragment = HTMLElement,
 >(
   ui: React.ReactElement,
   options: RenderOptions<Q, Container>,