Как проверить код JavaScript, который ссылается на элемент HTML в файле HTML - PullRequest
Новая
       47

Как проверить код JavaScript, который ссылается на элемент HTML в файле HTML

0 голосов
/ 10 ноября 2018

Я новичок в JavaScript и его библиотеках тестирования. Я пытался запустить модульный тест, используя mocha, chai и JSDOM. Я пробовал разные ресурсы для изучения, но ни один из них не объясняет так, чтобы это было легко понять новичку. Я придумал простой тест. Я знаю, что много сделал неправильно в тесте, и я надеюсь, что кто-то может помочь в том, как сделать тест, или даже хороший ресурс, который покрывает мои потребности.

мой тест 

const {JSDOM} = require('jsdom');
const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');

global.window = dom.window;
global.document = dom.window.document;


const Auths = require('../UI/js/login.js')
auth = Auths("sammy@gmail.com","sa!@##$")


var assert = require('chai').assert;
describe('Login', function() {
  it('should return a wrong email or password for invalid login', function() {

    assert.equal(document.getElementById("erroMessage").value,"wrong email or password")

  });
});

Код, который я пытаюсь проверить 

class Auths {

  constructor(email,password) {
    this.email = email
    this.password = password

  }


  // this function is called when the litsener responds to submit eve
  login(){


    // url for endpoint
    let url = "http://127.0.0.1:5000/api/v2/users/login"

    // get login data from ui
    let data = {
      email : this.email,
      password : this.password
    };



    // define data to be used in options section
    let fetchData = {
      method: 'POST',
      headers: {
        "Content-Type": "application/json"
      },
      body:JSON.stringify(data)

    };

    // use the fetch api
    fetch(url,fetchData)
    .then(function(response){return response.json()})
    .then(function(response){

      // store data fore use after login
      localStorage.setItem('token',response.token);
      localStorage.setItem('role',response.role);
      localStorage.setItem('names',response.names);

      // login the user
      if(response.message === "wellcome "+response.names +", "+"you are loged in as "+response.role){

        // login admin
        if(response.role == "admin"){
          window.location.href = 'UI/Admin/admin.html';
        }

        // login store attendant
        else{
          window.location.href = 'UI/Attendant.html';
        }
      }

      // respond to wrong cridentials
      else {
        document.getElementById("erroMessage").innerHTML = response.message;
      }

    })
  }

}

let login = document.getElementById('login');
login.addEventListener('submit', function getTarget(e){
  e.preventDefault()
  let email = document.getElementById('email').value;
  let password = document.getElementById('password').value;
  auth = new Auths(email, password);
  auth.login();
})

module.exports = Auths;

Ошибка, с которой я столкнулся

TypeError: Невозможно прочитать свойство 'addEventListener' из null на объекте. (A: \ sammy \ New folder \ ADC1-ADC4_Store_Manager \ UI \ js \ login.js: 70: 7)

...