286 lines
6.6 KiB
Plaintext
286 lines
6.6 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`empty.html - html-verify 1`] = `
|
|
<script></script>
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
<script></script>
|
|
|
|
`;
|
|
|
|
exports[`js.html - html-verify 1`] = `
|
|
<script type="text/javascript">
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
<script type="application/javascript">
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
<script>
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
<script type="text/babel">
|
|
const someJS = 'this should be formatted'
|
|
</script>
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
<script type="text/javascript">
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
<script type="application/javascript">
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
<script>
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
<script type="text/babel">
|
|
const someJS = "this should be formatted";
|
|
</script>
|
|
|
|
`;
|
|
|
|
exports[`simple.html - html-verify 1`] = `
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Sample styled page</title>
|
|
<script>alert('test');</script>
|
|
<script>
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>Sample styled page</h1>
|
|
<p>This page is just a demo.</p>
|
|
</body>
|
|
</html>
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Sample styled page</title>
|
|
<script>
|
|
alert("test");
|
|
</script>
|
|
<script>
|
|
var message = "Alert!";
|
|
|
|
alert(message);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>Sample styled page</h1>
|
|
<p>This page is just a demo.</p>
|
|
</body>
|
|
</html>
|
|
|
|
`;
|
|
|
|
exports[`single-script.html - html-verify 1`] = `
|
|
<script>alert('test');</script>
|
|
<script>
|
|
document.getElementById("demo").innerHTML = "Hello JavaScript!";
|
|
</script>
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
<script>
|
|
alert("test");
|
|
</script>
|
|
<script>
|
|
document.getElementById("demo").innerHTML = "Hello JavaScript!";
|
|
</script>
|
|
|
|
`;
|
|
|
|
exports[`something-else.html - html-verify 1`] = `
|
|
<script type="text/template">
|
|
<div>
|
|
</div>
|
|
</script>
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
<script type="text/template">
|
|
<div>
|
|
</div>
|
|
</script>
|
|
|
|
`;
|
|
|
|
exports[`typescript.html - html-verify 1`] = `
|
|
<script type="application/x-typescript">
|
|
class Student {
|
|
fullName: string;
|
|
constructor(public firstName: string, public middleInitial: string, public lastName: string) {
|
|
this.fullName = firstName + " " + middleInitial + " " + lastName;
|
|
}
|
|
}
|
|
|
|
interface Person {
|
|
firstName: string;
|
|
lastName: string;
|
|
}
|
|
|
|
function greeter(person : Person) {
|
|
return "Hello, " + person.firstName + " " + person.lastName;
|
|
}
|
|
|
|
let user = new Student("Jane", "M.", "User");
|
|
|
|
document.body.innerHTML = greeter(user);
|
|
</script>
|
|
<script lang="ts">
|
|
class Student {
|
|
fullName: string;
|
|
constructor(public firstName: string, public middleInitial: string, public lastName: string) {
|
|
this.fullName = firstName + " " + middleInitial + " " + lastName;
|
|
}
|
|
}
|
|
|
|
interface Person {
|
|
firstName: string;
|
|
lastName: string;
|
|
}
|
|
|
|
function greeter(person : Person) {
|
|
return "Hello, " + person.firstName + " " + person.lastName;
|
|
}
|
|
|
|
let user = new Student("Jane", "M.", "User");
|
|
|
|
document.body.innerHTML = greeter(user);
|
|
</script>
|
|
<script lang="tsx">
|
|
class CommentBox extends React.Component<{ url: string, pollInterval: number}, CommentData> {
|
|
constructor(){
|
|
super()
|
|
this.state = { data: [] };
|
|
}
|
|
fetchComments() {
|
|
$.ajax({
|
|
url: this.props.url,
|
|
dataType: 'json',
|
|
cache: false,
|
|
success: (data) => this.setState({ data: data }),
|
|
error: (xhr, status, err) => console.error(status, err)
|
|
})
|
|
}
|
|
componentDidMount() {
|
|
this.fetchComments();
|
|
setInterval(this.fetchComments.bind(this), this.props.pollInterval);
|
|
}
|
|
render() {
|
|
let handleCommentSubmit = (comment: { author: string, text: string }) => {
|
|
console.warn('comment submitted!', comment);
|
|
const updated = this.state.data.slice(0);
|
|
updated.push(comment);
|
|
this.setState({ data: updated });
|
|
}
|
|
return (
|
|
<div className="commentBox">
|
|
<h1>Comments</h1>
|
|
<CommentList data={this.state.data}/>
|
|
<CommentForm onCommentSubmit={handleCommentSubmit} />
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
</script>
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
<script type="application/x-typescript">
|
|
class Student {
|
|
fullName: string;
|
|
constructor(
|
|
public firstName: string,
|
|
public middleInitial: string,
|
|
public lastName: string
|
|
) {
|
|
this.fullName = firstName + " " + middleInitial + " " + lastName;
|
|
}
|
|
}
|
|
|
|
interface Person {
|
|
firstName: string;
|
|
lastName: string;
|
|
}
|
|
|
|
function greeter(person: Person) {
|
|
return "Hello, " + person.firstName + " " + person.lastName;
|
|
}
|
|
|
|
let user = new Student("Jane", "M.", "User");
|
|
|
|
document.body.innerHTML = greeter(user);
|
|
</script>
|
|
<script lang="ts">
|
|
class Student {
|
|
fullName: string;
|
|
constructor(
|
|
public firstName: string,
|
|
public middleInitial: string,
|
|
public lastName: string
|
|
) {
|
|
this.fullName = firstName + " " + middleInitial + " " + lastName;
|
|
}
|
|
}
|
|
|
|
interface Person {
|
|
firstName: string;
|
|
lastName: string;
|
|
}
|
|
|
|
function greeter(person: Person) {
|
|
return "Hello, " + person.firstName + " " + person.lastName;
|
|
}
|
|
|
|
let user = new Student("Jane", "M.", "User");
|
|
|
|
document.body.innerHTML = greeter(user);
|
|
</script>
|
|
<script lang="tsx">
|
|
class CommentBox extends React.Component<{ url: string, pollInterval: number}, CommentData> {
|
|
constructor(){
|
|
super()
|
|
this.state = { data: [] };
|
|
}
|
|
fetchComments() {
|
|
$.ajax({
|
|
url: this.props.url,
|
|
dataType: 'json',
|
|
cache: false,
|
|
success: (data) => this.setState({ data: data }),
|
|
error: (xhr, status, err) => console.error(status, err)
|
|
})
|
|
}
|
|
componentDidMount() {
|
|
this.fetchComments();
|
|
setInterval(this.fetchComments.bind(this), this.props.pollInterval);
|
|
}
|
|
render() {
|
|
let handleCommentSubmit = (comment: { author: string, text: string }) => {
|
|
console.warn('comment submitted!', comment);
|
|
const updated = this.state.data.slice(0);
|
|
updated.push(comment);
|
|
this.setState({ data: updated });
|
|
}
|
|
return (
|
|
<div className="commentBox">
|
|
<h1>Comments</h1>
|
|
<CommentList data={this.state.data}/>
|
|
<CommentForm onCommentSubmit={handleCommentSubmit} />
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
`;
|