super-hands/tests/reaction-components/stretchable.test.js

All-in-one natural hand controller interaction component for A-Frame.

/* global assert, process, setup, suite, test, AFRAME */

const helpers = require('../helpers')
const entityFactory = helpers.entityFactory
const coord = AFRAME.utils.coordinates.parse
const uncoord = AFRAME.utils.coordinates.stringify
function move (entity, dest) {
  entity.object3D.position.copy(coord(dest))
}

suite('stretchable', function () {
  setup(function (done) {
    const el = this.el = entityFactory()
    this.hand1 = helpers
      .controllerFactory({ 'vive-controls': 'right' }, true)
    this.hand2 = helpers
      .controllerFactory({ 'vive-controls': 'left' }, true)
    el.setAttribute('stretchable', '')
    el.sceneEl.addEventListener('loaded', evt => {
      this.comp = el.components.stretchable
      done()
    })
  })
  test('component attaches without errors', function () {
    assert.isOk(this.el.components.stretchable.data.usePhysics)
  })
  test('component removes without errors', function (done) {
    const el = this.el
    el.removeAttribute('stretchable')
    process.nextTick(function () {
      assert.notOk(el.components.stretchable)
      done()
    })
  })
  test('stretchers captured and state added/removed', function () {
    this.comp.start({ detail: { hand: this.hand1 } })
    this.comp.start({ detail: { hand: this.hand2 } })
    assert.isOk(this.el.is('stretched'))
    assert.sameMembers(this.comp.stretchers, [this.hand1, this.hand2])
    this.comp.end({ detail: { hand: this.hand1 } })
    assert.notOk(this.el.is('stretched'))
  })
  test('reject duplicate stretchers', function () {
    this.comp.start({ detail: { hand: this.hand1 } })
    this.comp.start({ detail: { hand: this.hand1 } })
    assert.equal(this.comp.stretchers.length, 1)
    assert.isFalse(this.el.is('stretched'))
  })
  test('ignores cancelled events', function () {
    const evtCancelled = { defaultPrevented: true, detail: { hand: this.hand } }
    const evt = { detail: { hand: {} } }
    const evt2 = { detail: { hand: this.hand } }
    this.comp.start(evt)
    this.comp.start(evtCancelled)
    assert.isFalse(this.el.is(this.comp.STRETCHED_STATE))
    this.comp.start(evt2)
    this.comp.end(evtCancelled)
    assert.isTrue(this.el.is(this.comp.STRETCHED_STATE))
  })
  test('scale updates during stretch', function () {
    move(this.hand1, '0 0 0')
    move(this.hand2, '-1 -1 -1')
    this.comp.start({ detail: { hand: this.hand1 } })
    this.comp.start({ detail: { hand: this.hand2 } })
    this.comp.tick()
    assert.strictEqual(uncoord(this.el.getAttribute('scale')), '1 1 1')
    move(this.hand1, '1 1 1')
    this.comp.tick()
    assert.notStrictEqual(uncoord(this.el.getAttribute('scale')), '1 1 1')
    assert.isAbove(this.el.getAttribute('scale').x, 1)
    move(this.hand1, '2 2 2')
    const lastScale = this.el.getAttribute('scale')
    this.comp.end({ detail: { hand: this.hand1 } })
    this.comp.tick()
    assert.strictEqual(uncoord(this.el.getAttribute('scale')), uncoord(lastScale))
  })
  test('scale updates are invertable', function () {
    this.el.setAttribute('stretchable', { invert: true })
    move(this.hand1, '0 0 0')
    move(this.hand2, '-1 -1 -1')
    this.comp.start({ detail: { hand: this.hand1 } })
    this.comp.start({ detail: { hand: this.hand2 } })
    this.comp.tick()
    assert.strictEqual(uncoord(this.el.getAttribute('scale')), '1 1 1')
    move(this.hand1, '1 1 1')
    this.comp.tick()
    assert.isBelow(this.el.getAttribute('scale').x, 1)
    const lastScale = this.el.getAttribute('scale')
    move(this.hand1, '2 2 2')
    this.comp.end({ detail: { hand: this.hand1 } })
    this.comp.tick()
    assert.strictEqual(uncoord(this.el.getAttribute('scale')), uncoord(lastScale))
  })
})

suite('stretchable-physics', function () {
  setup(function (done) {
    const el = this.el = entityFactory({}, true)
    this.hand1 = helpers
      .controllerFactory({ 'vive-controls': 'right' }, true)
    this.hand2 = helpers
      .controllerFactory({ 'vive-controls': 'left' }, true)
    el.setAttribute('stretchable', '')
    el.setAttribute('geometry', 'primitive: box')
    el.setAttribute('dynamic-body', '')
    el.addEventListener('body-loaded', evt => {
      this.comp = el.components.stretchable
      done()
    })
  })
  test('box bodies update with scaling', function () {
    const scale = new window.CANNON.Vec3()
    move(this.hand1, '0 0 0')
    move(this.hand2, '0 0 0')
    this.comp.start({ detail: { hand: this.hand1 } })
    this.comp.start({ detail: { hand: this.hand2 } })
    this.comp.tick()
    assert.deepEqual(this.el.body.shapes[0].halfExtents,
      scale.set(0.5, 0.5, 0.5))
    move(this.hand1, '1 1 1')
    this.comp.tick()
    assert.notDeepEqual(this.el.body.shapes[0].halfExtents,
      scale.set(0.5, 0.5, 0.5))
  })
  test('box bodies do not update when usePhysics = never', function () {
    const scale = new window.CANNON.Vec3()
    move(this.hand1, '0 0 0')
    move(this.hand2, '0 0 0')
    this.el.setAttribute('stretchable', 'usePhysics: never')
    this.comp.start({ detail: { hand: this.hand1 } })
    this.comp.start({ detail: { hand: this.hand2 } })
    assert.ok(this.el.is('stretched'))
    this.comp.tick()
    assert.deepEqual(this.el.body.shapes[0].halfExtents,
      scale.set(0.5, 0.5, 0.5))
    move(this.hand1, '1 1 1')
    this.comp.tick()
    assert.deepEqual(this.el.body.shapes[0].halfExtents,
      scale.set(0.5, 0.5, 0.5))
  })
})
suite('stretchable button mapping', function () {
  setup(function (done) {
    const el = this.el = entityFactory()
    this.hand = helpers.controllerFactory({ 'super-hands': '' })
    el.setAttribute('stretchable',
      'startButtons: triggerdown; endButtons: triggerup')
    el.addEventListener('loaded', () => {
      this.comp = el.components.stretchable
      done()
    })
  })
  test('responds to correct buttons', function () {
    const dtl = { hand: this.hand, buttonEvent: { type: 'gripdown' } }
    // reject wrong button start
    assert.isOk(helpers.emitCancelable(this.el, this.comp.STRETCH_EVENT, dtl))
    assert.notStrictEqual(this.comp.stretchers[0], this.hand)
    // accept correct button start
    dtl.buttonEvent.type = 'triggerdown'
    assert.isNotOk(helpers.emitCancelable(this.el, this.comp.STRETCH_EVENT, dtl))
    assert.strictEqual(this.comp.stretchers[0], this.hand)
    // reject wrong button end
    assert.isOk(helpers.emitCancelable(this.el, this.comp.UNSTRETCH_EVENT, dtl))
    assert.strictEqual(this.comp.stretchers[0], this.hand)
    // accpect correct button end
    dtl.buttonEvent.type = 'triggerup'
    assert.isNotOk(helpers.emitCancelable(this.el, this.comp.UNSTRETCH_EVENT, dtl))
    assert.notStrictEqual(this.comp.stretchers[0], this.hand)
  })
})