test: add first debounced tests

Author: fratzinger

test/fixtures/feathers-client.js

@@ -11,37 +11,52 @@ const baseUrl = 'http://localhost:3030'
 
 // These are fixtures used in the service-modulet.test.js under socket events.
 let id = 0
-mockServer.on('things::create', function(data) {
+mockServer.on('things::create', function (data) {
   data.id = id
   id++
   mockServer.emit('things created', data)
 })
-mockServer.on('things::patch', function(id, data) {
+mockServer.on('things::patch', function (id, data) {
   Object.assign(data, { id, test: true })
   mockServer.emit('things patched', data)
 })
-mockServer.on('things::update', function(id, data) {
+mockServer.on('things::update', function (id, data) {
   Object.assign(data, { id, test: true })
   mockServer.emit('things updated', data)
 })
-mockServer.on('things::remove', function(id) {
+mockServer.on('things::remove', function (id) {
   mockServer.emit('things removed', { id, test: true })
 })
 
+let idDebounce = 0
+
+mockServer.on('things-debounced::create', function (data) {
+  data.id = idDebounce
+  idDebounce++
+  mockServer.emit('things-debounced created', data)
+})
+mockServer.on('things-debounced::patch', function (id, data) {
+  Object.assign(data, { id, test: true })
+  mockServer.emit('things-debounced patched', data)
+})
+mockServer.on('things-debounced::update', function (id, data) {
+  Object.assign(data, { id, test: true })
+  mockServer.emit('things-debounced updated', data)
+})
+mockServer.on('things-debounced::remove', function (id) {
+  mockServer.emit('things-debounced removed', { id, test: true })
+})
+
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function makeFeathersSocketClient(baseUrl) {
   const socket = io(baseUrl)
 
-  return feathers()
-    .configure(socketio(socket))
-    .configure(auth())
+  return feathers().configure(socketio(socket)).configure(auth())
 }
 
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function makeFeathersRestClient(baseUrl) {
-  return feathers()
-    .configure(rest(baseUrl).axios(axios))
-    .configure(auth())
+  return feathers().configure(rest(baseUrl).axios(axios)).configure(auth())
 }
 
 const sock = io(baseUrl)

test/service-module/make-service-plugin.test.ts

@@ -16,7 +16,7 @@ import _omit from 'lodash/omit'
 
 Vue.use(Vuex)
 
-describe('makeServicePlugin', function() {
+describe('makeServicePlugin', function () {
   beforeEach(() => {
     clearModels()
   })
@@ -28,7 +28,7 @@ describe('makeServicePlugin', function() {
     assert(clients.byAlias['this is a test'], 'got a reference to the client.')
   })
 
-  it('registers the vuex module with options', function() {
+  it('registers the vuex module with options', function () {
     interface RootState {
       todos: {}
     }
@@ -73,6 +73,7 @@ describe('makeServicePlugin', function() {
       isRemovePending: false,
       isUpdatePending: false,
       keepCopiesInStore: false,
+      debounceEventsTime: null,
       keyedById: {},
       modelName: 'Todo',
       nameStyle: 'short',
@@ -94,7 +95,7 @@ describe('makeServicePlugin', function() {
     assert.deepEqual(_omit(received), _omit(expected), 'defaults in place.')
   })
 
-  it('sets up Model.store && service.FeathersVuexModel', function() {
+  it('sets up Model.store && service.FeathersVuexModel', function () {
     const serverAlias = 'default'
     const { makeServicePlugin, BaseModel } = feathersVuex(feathers, {
       serverAlias
@@ -114,7 +115,7 @@ describe('makeServicePlugin', function() {
     assert.equal(service.FeathersVuexModel, Todo, 'Model accessible on service')
   })
 
-  it('allows accessing other models', function() {
+  it('allows accessing other models', function () {
     const serverAlias = 'default'
     const { makeServicePlugin, BaseModel, models } = feathersVuex(feathers, {
       idField: '_id',
@@ -140,7 +141,7 @@ describe('makeServicePlugin', function() {
     assert(Todo.store === store)
   })
 
-  it('allows service specific handleEvents', async function() {
+  it('allows service specific handleEvents', async function () {
     // feathers.use('todos', new TodosService())
     const serverAlias = 'default'
     const { makeServicePlugin, BaseModel } = feathersVuex(feathers, {
@@ -235,7 +236,7 @@ describe('makeServicePlugin', function() {
     assert(removedCalled, 'removed handler called')
   })
 
-  it('fall back to globalOptions handleEvents if service specific handleEvents handler is missing', async function() {
+  it('fall back to globalOptions handleEvents if service specific handleEvents handler is missing', async function () {
     // feathers.use('todos', new TodosService())
     const serverAlias = 'default'
 
@@ -339,7 +340,7 @@ describe('makeServicePlugin', function() {
     assert(globalRemovedCalled, 'global removed handler called')
   })
 
-  it('allow handleEvents handlers to return extracted event data', async function() {
+  it('allow handleEvents handlers to return extracted event data', async function () {
     const serverAlias = 'default'
 
     const { makeServicePlugin, BaseModel } = feathersVuex(feathers, {

test/service-module/service-module.reinitialization.test.ts

@@ -29,13 +29,13 @@ function makeContext() {
   }
 }
 
-describe('Service Module - Reinitialization', function() {
+describe('Service Module - Reinitialization', function () {
   /**
    * Tests that when the make service plugin is reinitialized state
    * is reset in the vuex module/model.
    * This prevents state pollution in SSR setups.
    */
-  it('does not preserve module/model state when reinitialized', function() {
+  it('does not preserve module/model state when reinitialized', function () {
     const {
       makeServicePlugin,
       todoService,
@@ -74,6 +74,7 @@ describe('Service Module - Reinitialization', function() {
       isRemovePending: false,
       isUpdatePending: false,
       keepCopiesInStore: false,
+      debounceEventsTime: null,
       keyedById: {},
       modelName: 'Todo',
       nameStyle: 'short',