OwlCyberSecurity - MANAGER

Edit File: emailMask.spec.js

import createTextMaskInputElement from '../../core/src/createTextMaskInputElement'

const emailMask = (isVerify()) ?
  require('../dist/emailMask.js').default :
  require('../src/emailMask.js').default

describe('emailMask', () => {
  let inputElement
  let textMaskInputElement

beforeEach(() => {
    inputElement = document.createElement('input')
    textMaskInputElement = createTextMaskInputElement({inputElement, mask: emailMask})
  })

it('masks initial input as follows `a@ .`', () => {
    input('a', 1)
    expectResults('a@ .', 1)
  })

it('allows a dot at the end of the local part', () => {
    input('a', 1)
    expectResults('a@ .', 1)

input('a.@ .', 2)
    expectResults('a.@ .', 2)
  })

it('moves the caret to after the @ symbol when user enters an @ symbol where the current @ symbol is', () => {
    input('a', 1)
    expectResults('a@ .', 1)

input('a@@ .', 2)
    expectResults('a@.', 2)
  })

it('moves the caret to after the TLD dot when user enters a dot where the current TLD dot is', () => {
    input('a@a.com', 7)
    expectResults('a@a.com', 7)

input('a@a..com', 4)
    expectResults('a@a.com', 4)
  })

it('limits the number of @ symbols in input to 1', () => {
    input('a@a.com', 7)
    expectResults('a@a.com', 7)
    input('@a@a.com', 1)
    expectResults('@aa.com', 1)

input('a@a.com', 7)
    expectResults('a@a.com', 7)
    input('a@a@.com', 4)
    expectResults('a@a.com', 3)

input('a@a.com', 7)
    expectResults('a@a.com', 7)
    input('a@a.co@m', 7)
    expectResults('a@a.com', 6)
  })

it('does not add a placeholder in the end when user types a dot after the TLD dot when there is no TLD', () => {
    input('a@a.', 4)
    expectResults('a@a.', 4)

input('a@a..', 5)
    expectResults('a@a.', 4)
  })

it('removes the dot in the end if the domain part already contains a dot', () => {
    input('a@acom.', 7)
    expectResults('a@acom.', 7)

input('a@a.com.', 4)
    expectResults('a@a.com', 4)
  })

it('prevents two consecutive dots', () => {
    input('a@a.a.com', 9)
    expectResults('a@a.a.com', 9)

input('a@a..a.com', 5)
    expectResults('a@a.a.com', 4)
  })

it('just moves the caret over when user enters a dot before the TLD dot', () => {
    input('a@a.com', 7)
    expectResults('a@a.com', 7)

input('a@a..com', 4)
    expectResults('a@a.com', 4)
  })

it('works as expected', () => {
    input('a', 1)
    expectResults('a@ .', 1)

input('@ .', 0)
    expectResults('', 0)

input('a', 1)
    expectResults('a@ .', 1)

input('a@@ .', 2)
    expectResults('a@.', 2)

input('a@f_.', 3)
    expectResults('a@f.', 3)

input('af.', 1)
    expectResults('a@f.', 1)

input('a.@f.', 2)
    expectResults('a.@f.', 2)

input('m', 1)
    expectResults('m@ .', 1)

input('m@k .', 3)
    expectResults('m@k.', 3)

input('m@.k.', 3)
    expectResults('m@k.', 2)

input('m@k', 3)
    expectResults('m@k.', 3)

input('m@k..', 5)
    expectResults('m@k.', 4)

input('m@k.s', 5)
    expectResults('m@k.s', 5)

input('m@ks', 3)
    expectResults('m@ks.', 3)

input('m@ks.a', 6)
    expectResults('m@ks.a', 6)

input('m.@ks.a', 2)
    expectResults('m.@ks.a', 2)

input('m.o@ks.a', 3)
    expectResults('m.o@ks.a', 3)
  })

function input(rawValue, currentCaretPosition) {
    inputElement.focus()
    inputElement.value = rawValue
    inputElement.selectionStart = currentCaretPosition
    textMaskInputElement.update()
  }

function expectResults(conformedValue, adjustedCaretPosition) {
    expect(inputElement.value).to.equal(conformedValue)
    expect(inputElement.selectionStart).to.equal(adjustedCaretPosition)
  }
})