How do I create global functions?

[NorseGaud]

I'd like to create a global function I can do the following with:

tests/e2e/specs/node/deleting.js

describe('Node', function() {

  beforeEach(function(browser) {
    browser.globals.NodeCreate(browser)
  })

  test('delete a node', function(browser) {
    browser
      .url('http://localhost:3000')
      . . . (REDACTED) . . .
    .end()
  })

})

nightwatch.conf.js

const Services = {}; loadServices()

module.exports = {
. . .

  test_settings: {
    default: {
    . . .

      globals: {
        nodeTestContent: 'Create A Node Test 1',
        NodeCreate: function(browser) {
          browser
            .url('http://localhost:3000')
            .click({ selector: '#nodeCreateButton', index: 0 })
            . . .(REDACTED). . .
            .end()
        }
      }
    },

However, I get the following:

❯ npx vue-cli-service test:e2e --url http://localhost:3000 --test tests/e2e/specs/node/deleting.js
 INFO  Running end-to-end tests ...


[Node] Test Suite
=================
ℹ Connected to localhost on port 9515 (1152ms).
  Using: chrome (97.0.4692.71) on Mac OS X platform.

   TypeError: browser.globals.NodeCreate is not a function
   - writing an ES6 async test case? - keep in mind that commands return a Promise; 
   - writing unit tests? - make sure to specify "unit_tests_mode=true" in your config.
       at DescribeInstance.<anonymous> (/Users/norsegaud/project-flipflop/tests/e2e/specs/node/deleting.js:4:21)
       at new Promise (<anonymous>)
_________________________________________________

TEST FAILURE: 1 error during execution; 0 tests failed, 0 passed (1.471s)

---

Update: I tried a separate helpers.js file with

function NodeDelete(browser, content) { // GLOBAL THIS
  browser
    .url('http://localhost:3000')
 . . .
    .assert.not.elementPresent('#focusedPanelFrame #nodeCard #nodeContent')
  .end()
}

function NodeCreate(browser, content) { // GLOBAL THIS
  browser
    .url('http://localhost:3000')
 . . .
    .assert.not.elementPresent('#focusedPanelFrame #nodeCard #nodeContent')
  .end()
}

and then

const helper = require('./helpers.js')

const uniqueness = Math.floor(Math.random() * 100000)
const nodeOneContent = "Node One Content Here! 123" + uniqueness
const nodeTwoContent = "Node Two Content Here! 123" + uniqueness

describe('Node', function() {

  test('create and delete', function(browser) {
    helper.NodeCreate(browser,nodeOneContent)
    helper.NodeCreate(browser,nodeTwoContent)
    helper.NodeDelete(browser,nodeOneContent)
    helper.NodeDelete(browser,nodeTwoContent)
  })

})

However, that throws

❯ npx vue-cli-service test:e2e --url http://localhost:3000 --test tests/e2e/specs/node.js
 INFO  Running end-to-end tests ...


[Node] Test Suite
=================
ℹ Connected to localhost on port 9515 (1458ms).
  Using: chrome (97.0.4692.71) on Mac OS X platform.

⠋ Running create and delete a node with no links:
⚠ Running create and delete a node with no links:


FAILED: 1 errors (7ms)
   TypeError: helper.NodeCreate is not a function
   - writing an ES6 async test case? - keep in mind that commands return a Promise; 
   - writing unit tests? - make sure to specify "unit_tests_mode=true" in your config.
       at DescribeInstance.<anonymous> (/Users/norsegaud/project-flipflop/tests/e2e/specs/node.js:11:12)
       at processTicksAndRejections (node:internal/process/task_queues:96:5)
_________________________________________________

TEST FAILURE: 1 error during execution; 0 tests failed, 0 passed (1.781s)

 ✖ e2e/specs/node-create-delete-with-link
 – create and delete a node with no links (7ms)

  TypeError: helper.NodeCreate is not a function
   - writing an ES6 async test case? - keep in mind that commands return a Promise; 
   - writing unit tests? - make sure to specify "unit_tests_mode=true" in your config.
       at DescribeInstance.<anonymous> (/Users/norsegaud/project-flipflop/tests/e2e/specs/node.js:11:12)
       at processTicksAndRejections (node:internal/process/task_queues:96:5)


 ERROR  Error: Command failed: /Users/norsegaud/project-flipflop/node_modules/nightwatch/bin/nightwatch --test tests/e2e/specs/node-create-delete-with-link.js --config /Users/norsegaud/project-flipflop/node_modules/@vue/cli-plugin-e2e-nightwatch/nightwatch.config.js --env chrome
Error: Command failed: /Users/norsegaud/project-flipflop/node_modules/nightwatch/bin/nightwatch --test tests/e2e/specs/node.js --config /Users/norsegaud/project-flipflop/node_modules/@vue/cli-plugin-e2e-nightwatch/nightwatch.config.js --env chrome
    at makeError (/Users/norsegaud/project-flipflop/node_modules/execa/index.js:174:9)
    at /Users/norsegaud/project-flipflop/node_modules/execa/index.js:278:16
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

[NorseGaud]

This format works for the helpers.js I'm requiring.

module.exports = {

  NodeCreate : function(browser, content) {
    browser
      .url('http://localhost:3000')
      .click({ selector: '#nodeCreateButton', index: 0 })
      .assert.elementPresent('#nodeCreateForm')
      .click({ selector: '#nodeCreateForm button', index: 0 })
      .click({ selector: '#nodeCreateForm ul li', index: 0 })
      .assert.containsText('#nodeCreateForm button span', 'Question')
      .sendKeys('#nodeCreateForm #nodeCreateContent div', [content])
      .click({ selector: '#nodeCreateForm #nodeCreateSubmit', index: 0 })
      .assert.containsText('#focusedPanelFrame #nodeCard #nodeContent', content)
  },

  NodeDelete : function(browser, content) {
    browser
      .url('http://localhost:3000')
      .sendKeys('input[type=search]', [content,browser.Keys.ENTER])
      .assert.elementPresent('#searchResults div.searchResult')
      .click({ selector: '#searchResults div.searchResult #focusNodeButton', index: 0 })
      .assert.elementPresent('#focusedPanelFrame #nodeCard')
      .assert.containsText('#focusedPanelFrame #nodeCard #nodeContent', content)
      .click({ selector: '#focusedPanelFrame #nodeCard #moreOptionsButton', index: 0 })
      .click({ selector: '#focusedPanelFrame #nodeCard #nodeDeleteButton', index: 0 })
      .click({ selector: '#focusedPanelFrame #nodeCard div #confirmNodeDeleteButton', index: 0 })
      .assert.not.elementPresent('#focusedPanelFrame #nodeCard #nodeContent')
  }

}