Add more unit and integration tests (#773)

* Add unit tests for pyloader and pytitle

* Add more unit tests for pyrepl, pybox and pyinputbox

* Add more tests for pyscript and pyconfig

* White space

* Fix d3 tests and improve more examples test

* Update matplotlib test

* Add numpy to dependencies

* Address Madhur comments

* Update test name

pyscriptjs/tests/unit/pyscript.test.ts

@@ -0,0 +1,76 @@
+import { jest } from "@jest/globals"
+
+import { PyScript } from "../../src/components/pyscript"
+
+customElements.define('py-script', PyScript)
+
+describe('PyScript', () => {
+  let instance: PyScript;
+
+  beforeEach(() => {
+    instance = new PyScript();
+  })
+
+  it('PyScript instantiates correctly', async () => {
+    expect(instance).toBeInstanceOf(PyScript)
+  })
+
+  it('connectedCallback gets or sets a new id', async () => {
+    expect(instance.id).toBe('');
+
+    instance.connectedCallback();
+    const instanceId = instance.id;
+    // id should be similar to py-4850c8c3-d70d-d9e0-03c1-3cfeb0bcec0d-container
+    expect(instanceId).toMatch(/py-(\w+-){1,5}/);
+
+    // calling checkId directly should return the same id
+    instance.checkId();
+    expect(instance.id).toEqual(instanceId);
+  });
+
+  it('connectedCallback creates output div', async () => {
+    instance.connectedCallback();
+
+    expect(instance.innerHTML).toContain('<div class="output">')
+  })
+
+  it('confirm that outputElement has std-out id element', async () => {
+    expect(instance.outputElement).toBe(undefined);
+
+    instance.setAttribute('id', 'std-out')
+    instance.connectedCallback();
+
+    expect(instance.outputElement.getAttribute('id')).toBe("std-out")
+  })
+
+  it('confirm that std-err id element sets errorElement', async () => {
+    expect(instance.outputElement).toBe(undefined);
+
+    instance.setAttribute('id', 'std-err')
+    instance.connectedCallback();
+
+    // We should have an errorElement
+    expect(instance.errorElement.getAttribute('id')).toBe("std-err")
+  })
+
+  it('test output attribute path', async () => {
+    expect(instance.outputElement).toBe(undefined);
+    expect(instance.errorElement).toBe(undefined)
+
+    const createdOutput = document.createElement("output")
+
+    instance.setAttribute('output', 'output')
+    instance.connectedCallback();
+
+    expect(instance.innerHTML).toBe('<div class="output"></div>')
+  })
+
+  it('getSourceFromElement returns decoded html', async () => {
+    instance.innerHTML = "<p>Hello</p>"
+
+    instance.connectedCallback();
+    const source = instance.getSourceFromElement();
+
+    expect(source).toBe("<p>Hello</p>")
+  })
+})