Git Product home page Git Product logo

happy-dom-without-node's Introduction

Happy DOM Logo

About

Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.

The goal of Happy DOM is to emulate enough of a web browser to be useful for testing, scraping web sites and server-side rendering.

Happy DOM focuses heavily on performance and can be used as an alternative to JSDOM.

This package makes it possible to use Happy DOM in an environment without Node.js. Some functionality such as HTTP requests is not supported by this package yet.

As VM is part of Node.js, this package does not support running JavaScript in a sandbox. Javascript will be executed in the global scope.

Module Systems

Installation

npm install happy-dom-without-node

Usage

import { Window } from 'happy-dom-without-node';

const window = new Window({ url: 'https://localhost:8080' });
const document = window.document;

document.body.innerHTML = '<div class="container"></div>';

const container = document.querySelector('.container');
const button = document.createElement('button');

container.appendChild(button);

// Outputs "<div class="container"><button></button></div>"
console.log(document.body.innerHTML);

Contributing

See Contributing Guide.

happy-dom-without-node's People

Contributors

capricorn86 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

itutto

happy-dom-without-node's Issues

Append non-string values fails when it should stringify

Describe the bug

Using an append method (append, before, afer, etc.) on a DOM Node (element, comment, etc.) with a non string value throws an error. Should coerce value to string and use it.

To Reproduce

Stackblitz repo

import { Window } from 'happy-dom';
const window = new Window({ url: 'https://localhost:8080' });
const document = window.document;
const div = document.createElement('div');
div.append(42); // fails here
console.log(div.outerHTML);

Yields:

Error: Cannot read properties of undefined (reading 'length')
    at _0xb418b8._evaluate (https://stackblitzstartersjzbfyn-4b51.w-credentialless.staticblitz.com/blitz.69a3aa37.js:352:377970)
    at async ModuleJob.run (https://stackblitzstartersjzbfyn-4b51.w-credentialless.staticblitz.com/blitz.69a3aa37.js:181:2372)

Expected behavior

Converts the value to a string and appends to target node

Screenshots

Browser behavior:

image

Device:

Standard library using node

Additional context

For me, road block to using happy-dom as a vitest environment runner

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.