Initial

Author: owjs3901

.changepacks/config.json

@@ -0,0 +1,7 @@
+{
+  "ignore": [],
+  "baseBranch": "main",
+  "latestPackage": null,
+  "publish": {},
+  "updateOn": {}
+}

.github/workflows/check-pr.yml

@@ -0,0 +1,20 @@
+name: Check Pull Request
+on:
+  pull_request:
+    branches:
+      - main
+jobs:
+  check:
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+      cancel-in-progress: true
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v2
+      - run: bun i
+      - run: |
+          bun lint
+          bun test
+          bun run build

.github/workflows/publish.yml

@@ -0,0 +1,36 @@
+name: Publish Package to npm
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    concurrency:
+        group: ${{ github.workflow }}-${{ github.ref }}
+        cancel-in-progress: false
+    permissions:
+      # create pull request comments
+      pull-requests: write
+
+      # Actions > General > Workflow permissions for creating pull request
+      # Create brench to create pull request
+      contents: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v2
+      - run: bun i
+      - run: |
+          bun lint
+          bun test
+          bun run build
+      - uses: changepacks/action@main
+        id: changepacks
+        with:
+          publish: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_CONFIG_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -0,0 +1,36 @@
+# dependencies (bun install)
+node_modules
+
+# output
+out
+dist
+*.tgz
+
+# code coverage
+coverage
+*.lcov
+
+# logs
+logs
+_.log
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# caches
+.eslintcache
+.cache
+*.tsbuildinfo
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store
+
+.claude

.husky/pre-commit

@@ -0,0 +1,2 @@
+bun test
+bun lint

biome.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "includes": ["**", "!**/dist"]
+  },
+  "javascript": {
+    "formatter": {
+      "semicolons": "asNeeded",
+      "quoteStyle": "single",
+      "indentStyle": "space",
+      "indentWidth": 2
+    }
+  },
+  "json": {
+    "formatter": {
+      "indentStyle": "space",
+      "indentWidth": 2
+    }
+  },
+  "overrides": [
+    {
+      "includes": ["**/__tests__/**", "**/*.test.ts", "**/*.test.tsx"],
+      "linter": {
+        "rules": {
+          "suspicious": {
+            "noExplicitAny": "off"
+          }
+        }
+      }
+    }
+  ]
+}

bun.lock

@@ -0,0 +1,6 @@
+[test]
+preload = ["./src/index.ts"]
+coverage = true
+coverageSkipTestFiles = true
+coverageThreshold = 1.0
+coverageReporter  = ["text", "lcov"] 

bunfig.toml

@@ -0,0 +1,55 @@
+{
+  "name": "bun-test-env-dom",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "bun-test-env-dom is a preload library that provides a ready-to-use DOM for testing",
+  "author": "JeongMin Oh",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dev-five-git/bun-test-env-dom"
+  },
+  "main": "dist/index.cjs",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "bun",
+    "test",
+    "dom"
+  ],
+  "devDependencies": {
+    "@biomejs/biome": "^2.3",
+    "@types/bun": "latest",
+    "@types/react": "^19.2.7",
+    "husky": "^9.1.7",
+    "typescript": "latest"
+  },
+  "dependencies": {
+    "@happy-dom/global-registrator": ">=20.0",
+    "@testing-library/dom": ">=10.4",
+    "@testing-library/jest-dom": ">=6.9",
+    "@testing-library/react": ">=16.3",
+    "@testing-library/user-event": ">=14.6"
+  },
+  "scripts": {
+    "lint:fix": "biome check --write .",
+    "lint": "biome check .",
+    "test": "bun test",
+    "build": "tsc && bun build --target node src/index.ts --production --outfile dist/index.cjs --format cjs --packages external && bun build --target node src/index.ts --production --outfile dist/index.mjs --format esm --packages external",
+    "prepare": "bun run husky"
+  }
+}

package.json

@@ -0,0 +1,54 @@
+import { describe, expect, test } from 'bun:test'
+import { formatHTMLElement } from '../formatHTMLElement.ts'
+
+describe('formatHTMLElement', () => {
+  test('should format a simple div element', () => {
+    const div = document.createElement('div')
+    div.textContent = 'Hello'
+    const result = formatHTMLElement(div)
+    expect(result).toBe(`<div>
+  Hello
+</div>`)
+  })
+
+  test('should format nested elements', () => {
+    const div = document.createElement('div')
+    const p = document.createElement('p')
+    p.textContent = 'Paragraph'
+    div.appendChild(p)
+    const result = formatHTMLElement(div)
+    expect(result).toBe(`<div>
+  <p>
+    Paragraph
+  </p>
+</div>`)
+  })
+
+  test('should format element with attributes', () => {
+    const div = document.createElement('div')
+    div.className = 'container'
+    div.id = 'main'
+    const result = formatHTMLElement(div)
+    expect(result).toBe(`<div class="container" id="main">
+</div>`)
+  })
+
+  test('should format element with multiple children', () => {
+    const ul = document.createElement('ul')
+    const li1 = document.createElement('li')
+    li1.textContent = 'Item 1'
+    const li2 = document.createElement('li')
+    li2.textContent = 'Item 2'
+    ul.appendChild(li1)
+    ul.appendChild(li2)
+    const result = formatHTMLElement(ul)
+    expect(result).toBe(`<ul>
+  <li>
+    Item 1
+  </li>
+  <li>
+    Item 2
+  </li>
+</ul>`)
+  })
+})