add tests folder

Author: Pippo Ramos

tests/App.test.js

@@ -0,0 +1,12 @@
+import { render, screen } from '@testing-library/react';
+import App from '../App';
+import { BrowserRouter as Router } from 'react-router-dom';
+
+test('renders learn react link', () => {
+  render(
+    <Router>
+      <App />
+    </Router>);
+  const linkElement = screen.getByText(/Quickly build an visualisation animation form problem or VFG file shows the plan and subplan for each problem./i);
+  expect(linkElement).toBeInTheDocument();
+});

tests/Student.spec.js

@@ -0,0 +1,47 @@
+/// <reference types="cypress" />
+import 'cypress-file-upload';
+
+describe('user student E2E', () =>{
+    beforeEach(()=>{
+        cy.visit('/')
+    })
+
+
+    it('Build from problem',()=>{
+        //go to pageONe
+        cy.contains('from problem').parent().parent().parent().find('[type=button]').click()
+        //test to upload file click with no file
+        cy.contains('Upload Files').click()
+        cy.contains("Some files are missing").should("be.visible")
+        cy.contains("Some files are missing").parent().find('button').click()
+        //Upload files
+        cy.fixture('./demoData/Blockworld_domain_normal.pddl').then(fileContent => {
+            cy.contains('Domain File').parent().parent().parent().find('input[type="file"]').attachFile({
+                fileContent: fileContent.toString(),
+                fileName: 'Blockworld_domain_normal.pddl',
+                mimeType: 'file'
+            });
+        });
+        cy.fixture('./demoData/Blockworld_problem_normal.pddl').then(fileContent => {
+            cy.contains('Problem File').parent().parent().parent().find('input[type="file"]').attachFile({
+                fileContent: fileContent.toString(),
+                fileName: 'Blockworld_problem_normal.pddl',
+                mimeType: 'file'
+            });
+        });
+        cy.fixture('./demoData/Blocksworld_AP.pddl').then(fileContent => {
+            cy.contains('Animation File').parent().parent().parent().find('input[type="file"]').attachFile({
+                fileContent: fileContent.toString(),
+                fileName: 'Blocksworld_AP.pddl',
+                mimeType: 'file'
+            });
+        });
+        //check messages
+        cy.contains("File Blocksworld_AP.pddl successfully added.").should("be.visible")
+        //Load next file
+        cy.contains('Upload Files').click()
+        cy.wait(5000)
+
+        cy.get('canvas').should("be.visible")
+    })
+})

tests/Testing.pdf

@@ -0,0 +1,85 @@
+import React from 'react';
+import ReactDOM, {render, unmountComponentAtNode} from 'react-dom';
+import DropAndFetch from './dropAndFetch';
+import { act } from "react-dom/test-utils";
+import { constant } from 'lodash';
+
+
+
+
+describe('pageOne dropAndFetch: rendering correctly', () =>{
+    
+    let container = null;
+    beforeEach(() => {
+        // setup a DOM element as a render target
+        container = document.createElement("div");
+        document.body.appendChild(container);
+    });
+      
+    afterEach(() => {
+        // cleanup on exiting
+        unmountComponentAtNode(container);
+        container.remove();
+        container = null;
+    });
+    // Unit test
+    it("DropAndFetch component renders correctly ", () => {
+        ReactDOM.render(<DropAndFetch
+        />, container);
+        console.log(container.textContent);
+        expect(container.textContent).toMatch('Upload Files');
+    });
+    // Integration test
+    it("DropZone component inside DropAndFetch renders correctly", () =>{
+        ReactDOM.render(<DropAndFetch
+            />, container);
+        //Renders dropzone icon
+        expect(container.querySelector("svg")).toBeInTheDocument();
+    });
+})
+
+describe('pageOne dropAndFetch: fetch correctly', () =>{
+    let container = null;
+    beforeEach(() => {
+        // setup a DOM element as a render target
+        container = document.createElement("div");
+        document.body.appendChild(container);
+        //fetch.resetMocks();
+    });
+      
+    afterEach(() => {
+        // cleanup on exiting
+        unmountComponentAtNode(container);
+        container.remove();
+        container = null;
+    });
+
+
+    it('UploadPDDL fetch works correctly', async () =>{
+        const fakevfg = {vfg: 'correct'};
+        global.fetch = jest.fn(() =>
+        Promise.resolve({
+                json: () => Promise.resolve(fakevfg)
+            })
+        );
+        
+        React.useState = jest.fn()
+        .mockReturnValueOnce([{domain: '',problem:'',animation:''},{}])
+        .mockReturnValueOnce([false, ()=>{}])
+        .mockReturnValueOnce([false, ()=>{}]);
+
+        const handleStore = (content) => {
+            expect(content).toMatch(JSON.stringify({vfg: 'correct'}));
+        }
+
+        // Use the asynchronous version of act to apply resolved promises
+        await act(async () => {
+            render(<DropAndFetch onStore={handleStore} newURL={''}/>, container);  
+        });
+
+        container.querySelector("button[class~='MuiButton-containedPrimary']").click();
+        global.fetch.mockRestore();
+    })
+})
+
+

tests/dropAndFetch.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import DropZone from './dropZone';
+
+
+it("Renders Correctly ", () => {
+    const div = document.createElement("div");
+    ReactDOM.render(<DropZone
+    />, div);
+    ReactDOM.unmountComponentAtNode(div);
+});

tests/dropZone.test.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import ReactDOM, {render, unmountComponentAtNode} from 'react-dom';
+import PageTwo from './index';
+
+describe('pageTwo: rendering correctly', () =>{
+    
+    let container = null;
+    beforeEach(() => {
+        // setup a DOM element as a render target
+        container = document.createElement("div");
+        document.body.appendChild(container);
+    });
+      
+    afterEach(() => {
+        // cleanup on exiting
+        unmountComponentAtNode(container);
+        container.remove();
+        container = null;
+    });
+    // Unit test
+    it("DropAndFetch component renders correctly ", () => {
+        ReactDOM.render(<PageTwo
+        />, container);
+        expect(container.textContent).toMatch('Drag and drop a file here');
+    });
+})

tests/pageTwo.test.js

@@ -0,0 +1 @@
+automated tests