<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Class Diagram Test</title>
    <script src="metamodel.js"></script>
    <script src="uml-class-diagram.js"></script>
    <script src="uml.js"></script>
    
    <script src="look-and-feel.js"></script>
    <script src="primitives-look-and-feel.js"></script>
    <script src="graphical_primitives.js"></script>
    <script src="primitives-svg.js"></script>
</head>
<body>

<svg id="svg" width="1024" height="768"></svg>
    
<script>

    (function () {

        let classDiagram = new UMLClassDiagram("New Class Diagram 1");
        let personClass = classDiagram.newClass("Person");
        personClass.addStereotype("Abstract");
        personClass.addStereotype("Interface");
        personClass.newAttribute(PRIVATE, "document", type = "String");
        personClass.newAttribute(PRIVATE, "firstName", type = "String");
        personClass.newAttribute(PRIVATE, "lastName", type = "String");
        
        let operation = personClass.newOperation(PUBLIC, "eat", "void");
        operation.addParameter("thing", "Food");
        
        let customerClass = classDiagram.newClass("Customer");
        customerClass.newAttribute(PRIVATE, "register", type = "String");

        let svgArea = new SVGArea("#svg");
        console.log(svgArea)
        
        svgArea.circle()
        
        classDiagram.drawOn(svgArea);

    })();

</script>

</body>
</html>
Add testing page for ClassDiagram drwing
Add testing page for ClassDiagram drwing
