Reindented test scripts to use 4-space indentation

webui/cypress/e2e/submit-workflow.cy.ts

@@ -7,76 +7,76 @@
 import formInput from '../fixtures/test-submit-success-input.json'
 
 describe('submit form behaviour', () => {
-  beforeEach(() => {
-    // Cypress starts out with a blank slate for each test
-    // so we must tell it to visit our website with the `cy.visit()` command
-    // before each test
-    cy.visit('/')
-  })
-
-  it('tests job submission success', () => {
-    // We use the `cy.get()` command to get all elements that match the selector.
-    // There should only be one cell with a inputgroup.
-    // cy.get('table tbody tr td .p-inputgroup').should('have.length', 1)
-
-    // Should displays one alignmentEntry by default.
-    cy.get('.p-inputgroup').should('have.length', 1)
-
-    // There should be excactly one submit button
-    cy.get('button').filter('[aria-label="Submit"]').as('submitBtn')
-    cy.get('@submitBtn').should('have.length', 1)
-
-    // and it should be disabled by default (on incomplete input).
-    cy.get('@submitBtn').should('be.disabled')
-
-    // There should be excactly one element to click to add records
-    cy.get('button#add-record').as('addRecordBtn')
-    cy.get('@addRecordBtn').should('have.length', 1)
-
-    // add as many records as there are entries in formInput
-    for(let i = 1, len = formInput.length; i < len; ++i){
-      cy.get('@addRecordBtn').click()
-    }
-    cy.get('.p-inputgroup').should('have.length', formInput.length)
-
-    // Input all data into form
-    for(let i = 0, len = formInput.length; i < len; ++i){
-
-      // Form should be able to receive gene as user input.
-      cy.get('.p-inputgroup').eq(i).find('input#gene').focus().type(formInput[i].gene)
-
-      // Once the transcript list loaded, from should enable selecting the relevant transcripts.
-      cy.get('.p-inputgroup').eq(i).find('#transcripts').find('input').focus()
-      cy.get('.p-multiselect-panel').as('openTranscriptsSelectBox').should('be.visible')
-
-      // A list of transcript should be available
-      cy.get('@openTranscriptsSelectBox').find('li.p-multiselect-item').as('openTranscriptsList')
-      cy.get('@openTranscriptsList').should('have.length.at.least', 1)
-
-      // And the relevant transcripts should be selectable
-      formInput[i].transcripts.forEach((transcript) => {
-        cy.get('@openTranscriptsList').contains(transcript).click()
-      })
-      cy.get('@openTranscriptsSelectBox').find('button.p-multiselect-close').click()
-
-      cy.focused().blur()
-
-      // Submit button should stay disabled as long a last entry was not submitted
-      if ( i < len - 1 ) {
+    beforeEach(() => {
+        // Cypress starts out with a blank slate for each test
+        // so we must tell it to visit our website with the `cy.visit()` command
+        // before each test
+        cy.visit('/')
+    })
+
+    it('tests job submission success', () => {
+        // We use the `cy.get()` command to get all elements that match the selector.
+        // There should only be one cell with a inputgroup.
+        // cy.get('table tbody tr td .p-inputgroup').should('have.length', 1)
+
+        // Should displays one alignmentEntry by default.
+        cy.get('.p-inputgroup').should('have.length', 1)
+
+        // There should be excactly one submit button
+        cy.get('button').filter('[aria-label="Submit"]').as('submitBtn')
+        cy.get('@submitBtn').should('have.length', 1)
+
+        // and it should be disabled by default (on incomplete input).
         cy.get('@submitBtn').should('be.disabled')
 
-        if (i === 0) {
-          cy.wait(5000)
-          cy.get('@submitBtn').should('be.disabled')
+        // There should be excactly one element to click to add records
+        cy.get('button#add-record').as('addRecordBtn')
+        cy.get('@addRecordBtn').should('have.length', 1)
+
+        // add as many records as there are entries in formInput
+        for(let i = 1, len = formInput.length; i < len; ++i){
+            cy.get('@addRecordBtn').click()
+        }
+        cy.get('.p-inputgroup').should('have.length', formInput.length)
+
+        // Input all data into form
+        for(let i = 0, len = formInput.length; i < len; ++i){
+
+            // Form should be able to receive gene as user input.
+            cy.get('.p-inputgroup').eq(i).find('input#gene').focus().type(formInput[i].gene)
+
+            // Once the transcript list loaded, from should enable selecting the relevant transcripts.
+            cy.get('.p-inputgroup').eq(i).find('#transcripts').find('input').focus()
+            cy.get('.p-multiselect-panel').as('openTranscriptsSelectBox').should('be.visible')
+
+            // A list of transcript should be available
+            cy.get('@openTranscriptsSelectBox').find('li.p-multiselect-item').as('openTranscriptsList')
+            cy.get('@openTranscriptsList').should('have.length.at.least', 1)
+
+            // And the relevant transcripts should be selectable
+            formInput[i].transcripts.forEach((transcript) => {
+                cy.get('@openTranscriptsList').contains(transcript).click()
+            })
+            cy.get('@openTranscriptsSelectBox').find('button.p-multiselect-close').click()
+
+            cy.focused().blur()
+
+            // Submit button should stay disabled as long a last entry was not submitted
+            if ( i < len - 1 ) {
+                cy.get('@submitBtn').should('be.disabled')
+
+                if (i === 0) {
+                    cy.wait(5000)
+                    cy.get('@submitBtn').should('be.disabled')
+                }
+            }
         }
-      }
-    }
 
-    // Submit button should become active after completing all input
-    cy.get('@submitBtn').should('be.enabled')
+        // Submit button should become active after completing all input
+        cy.get('@submitBtn').should('be.enabled')
 
-    // Submitting the analysis should report a UUID
-    cy.get('@submitBtn').click()
-    cy.contains('div#display-message', /^job .+ is now pending\.$/)
-  })
+        // Submitting the analysis should report a UUID
+        cy.get('@submitBtn').click()
+        cy.contains('div#display-message', /^job .+ is now pending\.$/)
+    })
 })

webui/src/app/components/client/__tests__/AlignmentEntry.test.tsx

@@ -4,33 +4,33 @@ import { render } from '@testing-library/react'
 import { AlignmentEntry } from '../AlignmentEntry/AlignmentEntry'
 
 jest.mock('https://raw.githubusercontent.com/alliance-genome/agr_ui/main/src/lib/utils.js',
-  () => {
-      return {
-          getSpecies: jest.fn(() => {}),
-          getSingleGenomeLocation: jest.fn(() => {})
-      }
-  },
-  {virtual: true}
+    () => {
+        return {
+            getSpecies: jest.fn(() => {}),
+            getSingleGenomeLocation: jest.fn(() => {})
+        }
+    },
+    {virtual: true}
 )
 
 describe('AlignmentEntry', () => {
-  it('renders a gene input element', () => {
-    const result = render(
-      <AlignmentEntry index={0} agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
-    )
+    it('renders a gene input element', () => {
+        const result = render(
+            <AlignmentEntry index={0} agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
+        )
 
-    const geneInputElement = result.container.querySelector('#gene')
-    expect(geneInputElement).not.toBe(null)  // Expect gene input element to be found
-    expect(geneInputElement).toHaveClass('p-inputtext') // Expect element to be inputtext box
-  })
+        const geneInputElement = result.container.querySelector('#gene')
+        expect(geneInputElement).not.toBe(null)  // Expect gene input element to be found
+        expect(geneInputElement).toHaveClass('p-inputtext') // Expect element to be inputtext box
+    })
 
-  it('renders transcript input element', () => {
-    const result = render(
-      <AlignmentEntry index={0} agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
-    )
- 
-    const transcriptInputElement = result.container.querySelector('#transcripts')
-    expect(transcriptInputElement).not.toBe(null)  // Expect transcript input element to be found
-    expect(transcriptInputElement).toHaveClass('p-multiselect') // Expect element to be multiselect box
-  })
+    it('renders transcript input element', () => {
+        const result = render(
+            <AlignmentEntry index={0} agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
+        )
+
+        const transcriptInputElement = result.container.querySelector('#transcripts')
+        expect(transcriptInputElement).not.toBe(null)  // Expect transcript input element to be found
+        expect(transcriptInputElement).toHaveClass('p-multiselect') // Expect element to be multiselect box
+    })
 })

webui/src/app/components/client/__tests__/AlignmentEntryList.test.tsx

@@ -4,58 +4,58 @@ import { render, fireEvent } from '@testing-library/react'
 import { AlignmentEntryList } from '../AlignmentEntryList/AlignmentEntryList'
 
 jest.mock('https://raw.githubusercontent.com/alliance-genome/agr_ui/main/src/lib/utils.js',
-  () => {
-      return {
-          getSpecies: jest.fn(() => {}),
-          getSingleGenomeLocation: jest.fn(() => {})
-      }
-  },
-  {virtual: true}
+    () => {
+        return {
+            getSpecies: jest.fn(() => {}),
+            getSingleGenomeLocation: jest.fn(() => {})
+        }
+    },
+    {virtual: true}
 )
 
 describe('AlignmentEntryList', () => {
-  it('renders one input record by default', () => {
-    const result = render(
-      <AlignmentEntryList agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
-    )
-
-    const inputGroups = result.container.querySelectorAll('div.p-inputgroup')
-    expect(inputGroups).toHaveLength(1)  // Expect exactly one input group to be found
-  })
-
-  it('renders a functional button to remove individual records', () => {
-    const result = render(
-      <AlignmentEntryList agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
-    )
-
-    const inputGroupsBefore = result.container.querySelectorAll('div.p-inputgroup')
-    expect(inputGroupsBefore).toHaveLength(1)  // Expect exactly one input group to be found
-
-    const removeRecordBtn = result.container.querySelector('button#remove-record')
-    expect(removeRecordBtn).not.toBeNull()  // Expect remove-record button to be found
-    expect(removeRecordBtn).toBeEnabled()
-
-    fireEvent.click(removeRecordBtn!)
-
-    //Check one entry-record was removed (zero left)
-    const inputGroupsAfter = result.container.querySelectorAll('div.p-inputgroup')
-    expect(inputGroupsAfter).toHaveLength(0)  // Expect exactly one input group to be found
-  })
-
-  it('renders a functional add-record button', () => {
-    const result = render(
-      <AlignmentEntryList agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
-    )
-
-    const addRecordBtn = result.container.querySelector('button#add-record')
-    expect(addRecordBtn).not.toBeNull()  // Expect add-record button to be found
-    expect(addRecordBtn).toBeEnabled()
-
-    //Click the button
-    fireEvent.click(addRecordBtn!)
-
-    //Check one new entry-record was added (two total)
-    const inputGroups = result.container.querySelectorAll('div.p-inputgroup')
-    expect(inputGroups).toHaveLength(2)  // Expect exactly two input groups to be found
-  })
+    it('renders one input record by default', () => {
+        const result = render(
+            <AlignmentEntryList agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
+        )
+
+        const inputGroups = result.container.querySelectorAll('div.p-inputgroup')
+        expect(inputGroups).toHaveLength(1)  // Expect exactly one input group to be found
+    })
+
+    it('renders a functional button to remove individual records', () => {
+        const result = render(
+            <AlignmentEntryList agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
+        )
+
+        const inputGroupsBefore = result.container.querySelectorAll('div.p-inputgroup')
+        expect(inputGroupsBefore).toHaveLength(1)  // Expect exactly one input group to be found
+
+        const removeRecordBtn = result.container.querySelector('button#remove-record')
+        expect(removeRecordBtn).not.toBeNull()  // Expect remove-record button to be found
+        expect(removeRecordBtn).toBeEnabled()
+
+        fireEvent.click(removeRecordBtn!)
+
+        //Check one entry-record was removed (zero left)
+        const inputGroupsAfter = result.container.querySelectorAll('div.p-inputgroup')
+        expect(inputGroupsAfter).toHaveLength(0)  // Expect exactly one input group to be found
+    })
+
+    it('renders a functional add-record button', () => {
+        const result = render(
+            <AlignmentEntryList agrjBrowseDataRelease='7.3.0' dispatchInputPayloadPart={jest.fn()} />
+        )
+
+        const addRecordBtn = result.container.querySelector('button#add-record')
+        expect(addRecordBtn).not.toBeNull()  // Expect add-record button to be found
+        expect(addRecordBtn).toBeEnabled()
+
+        //Click the button
+        fireEvent.click(addRecordBtn!)
+
+        //Check one new entry-record was added (two total)
+        const inputGroups = result.container.querySelectorAll('div.p-inputgroup')
+        expect(inputGroups).toHaveLength(2)  // Expect exactly two input groups to be found
+    })
 })

webui/src/app/components/client/__tests__/DarkModeToggle.test.tsx

@@ -5,15 +5,15 @@ import { PrimeReactProvider } from 'primereact/api';
 import { DarkModeToggle } from '../DarkModeToggle'
 
 describe('DarkModeToggle', () => {
-  it('renders a switch', () => {
-    render(
-      <PrimeReactProvider>
-        <DarkModeToggle />
-      </PrimeReactProvider>
-    )
+    it('renders a switch', () => {
+        render(
+            <PrimeReactProvider>
+            <DarkModeToggle />
+            </PrimeReactProvider>
+        )
 
-    const element = screen.getByRole('switch')
- 
-    expect(element).toBeInTheDocument()
-  })
+        const element = screen.getByRole('switch')
+
+        expect(element).toBeInTheDocument()
+    })
 })

webui/src/app/components/client/__tests__/JobSubmitForm.test.tsx

@@ -4,32 +4,32 @@ import { render } from '@testing-library/react'
 import { JobSubmitForm } from '../JobSubmitForm/JobSubmitForm'
 
 jest.mock('https://raw.githubusercontent.com/alliance-genome/agr_ui/main/src/lib/utils.js',
-  () => {
-      return {
-          getSpecies: jest.fn(() => {}),
-          getSingleGenomeLocation: jest.fn(() => {})
-      }
-  },
-  {virtual: true}
+    () => {
+        return {
+            getSpecies: jest.fn(() => {}),
+            getSingleGenomeLocation: jest.fn(() => {})
+        }
+    },
+    {virtual: true}
 )
 
 describe('AlignmentEntry', () => {
-  it('renders a data-entry form', () => {
-    const result = render(
-      <JobSubmitForm agrjBrowseDataRelease='7.3.0' />
-    )
+    it('renders a data-entry form', () => {
+        const result = render(
+            <JobSubmitForm agrjBrowseDataRelease='7.3.0' />
+        )
 
-    const inputGroup = result.container.querySelector('div.p-inputgroup')
-    expect(inputGroup).not.toBeNull()  // Expect (at least one) input group to be found
-  })
+        const inputGroup = result.container.querySelector('div.p-inputgroup')
+        expect(inputGroup).not.toBeNull()  // Expect (at least one) input group to be found
+    })
 
-  it('renders a submit button that is disabled by default', () => {
-    const result = render(
-      <JobSubmitForm agrjBrowseDataRelease='7.3.0' />
-    )
- 
-    const submitBtn = result.container.querySelector('button[aria-label="Submit"]')
-    expect(submitBtn).not.toBeNull()  // Expect submit button to be found
-    expect(submitBtn).toBeDisabled()
-  })
+    it('renders a submit button that is disabled by default', () => {
+        const result = render(
+            <JobSubmitForm agrjBrowseDataRelease='7.3.0' />
+        )
+
+        const submitBtn = result.container.querySelector('button[aria-label="Submit"]')
+        expect(submitBtn).not.toBeNull()  // Expect submit button to be found
+        expect(submitBtn).toBeDisabled()
+    })
 })