Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Created unit-tests #8

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Created unit-tests #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
93fc07c
init BhashiniClass
probablyArth Nov 10, 2023
a34ed19
Export BhashiniTranslator
probablyArth Nov 10, 2023
68a7c09
npm package ready
probablyArth Nov 11, 2023
1e3285c
remove apiKey and userID
probablyArth Nov 11, 2023
0ebce60
move package to seperate folder
probablyArth Nov 11, 2023
49d5f9b
update package
probablyArth Nov 11, 2023
c77e168
move package to package folder
probablyArth Nov 15, 2023
786e21f
fix: throw error if the input html string is not valid
probablyArth Nov 18, 2023
d999e7d
This adds code coverage functionality and updates the gitignore and n…
MrPhenomenal3110 Nov 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions package/.babelrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"env": {
"test": {
"plugins": ["@babel/plugin-transform-modules-commonjs"]
}
}
}
4 changes: 4 additions & 0 deletions package/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
coverage
node_modules
.parcel-cache
dist
3 changes: 3 additions & 0 deletions package/.npmignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
node_modules
_tests_
coverage
2 changes: 2 additions & 0 deletions package/__tests__/.env.example
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
BHASHINI_USER_ID=
BHASHINI_API_KEY=
199 changes: 199 additions & 0 deletions package/__tests__/convert.test.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
import { htmlStringToDOM } from "../src/utils/convert";

describe("Testing the htmlStringtoDOM function", () => {
it("Converts a very basic HTML string to a DOM object", () => {

const HTMLstring =
`<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a basic HTML page.</p>
</body>
</html>`

const expected =
`<body>
<h1>Hello, World!</h1>
<p>This is a basic HTML page.</p>

</body>`

const received = htmlStringToDOM(HTMLstring);

expect(received.outerHTML).toEqual(expected);
})
it("Converts a very basic HTML string with multiple elements to a DOM object", () => {

const HTMLstring =
`<html>
<head>
<title>Basic HTML Example</title>
</head>
<body>
<h1>Welcome to My Web Page!</h1>
<p>This is a paragraph of text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>`

const expected =
`<body>
<h1>Welcome to My Web Page!</h1>
<p>This is a paragraph of text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

</body>`

const received = htmlStringToDOM(HTMLstring);

expect(received.outerHTML).toEqual(expected);
})
it("Converts a moderately complex HTML string to a DOM object", () => {

const HTMLstring =
`<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
</head>
<body>
<header>
<h1>My Web Page</h1>
</header>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<main>
<h2>Welcome to My Web Page</h2>
<p>This is a moderately complex HTML example with styling.</p>
<section>
<h3>Section 1</h3>
<p>This is the content of section 1.</p>
</section>
<section>
<h3>Section 2</h3>
<p>This is the content of section 2.</p>
</section>
</main>
<footer>
<p>© 2023 My Web Page. All rights reserved.</p>
</footer>
</body>
</html>`

const expected =
`<body>
<header>
<h1>My Web Page</h1>
</header>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<main>
<h2>Welcome to My Web Page</h2>
<p>This is a moderately complex HTML example with styling.</p>
<section>
<h3>Section 1</h3>
<p>This is the content of section 1.</p>
</section>
<section>
<h3>Section 2</h3>
<p>This is the content of section 2.</p>
</section>
</main>
<footer>
<p>© 2023 My Web Page. All rights reserved.</p>
</footer>

</body>`

const received = htmlStringToDOM(HTMLstring);

expect(received.outerHTML).toEqual(expected);
})
it("Converts a very complex HTML string to a DOM object", () => {

const HTMLstring =
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Complex HTML Example</title>
<style>
body {
font-family: "Arial", sans-serif;
margin: 20px;
padding: 20px;
background-color: #f0f0f0;
}
h1 {
color: #333;
}
.container {
width: 80%;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.important-text {
font-weight: bold;
color: #e44d26;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to My Complex HTML Example</h1>
<p>This is a paragraph of text in my complex HTML file. <span class="important-text">This text is important!</span></p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<img src="https://via.placeholder.com/300" alt="Placeholder Image">
<a href="https://www.example.com">Visit Example.com</a>
</div>
</body>
</html>`

const expected =
`<body>
<div class="container">
<h1>Welcome to My Complex HTML Example</h1>
<p>This is a paragraph of text in my complex HTML file. <span class="important-text">This text is important!</span></p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<img src="https://via.placeholder.com/300" alt="Placeholder Image">
<a href="https://www.example.com">Visit Example.com</a>
</div>

</body>`

const received = htmlStringToDOM(HTMLstring);

expect(received.outerHTML).toEqual(expected);
})
})
Loading