takahirohonda

let db: any

export const checkIndexDbBrowserSupport = (): boolean => {
  return 'indexedDB' in window
}

export const initialiseDb = (data: any, key: string[]) => {
  const request = indexedDB.open('mtd', 1)
  return new Promise((resolve, reject) => {
    request.onupgradeneeded = (e: any) => {

takahirohonda

const exampleData = [
  {data: [{categoryName: 'To do', listName: 'Personal'},
    {categoryName: 'To do', listName: 'Work'}]},
  {data: [{listName: 'Personal'}, {listName: 'Work'}]}
]

const key = ['category', 'list']

let db
let request = indexedDB.open('mtd', 1);

takahirohonda

// Get JSON from local storage with key mtdListData
const listData = JSON.parse(localStorage.getItem('mtdListData')

// Inserting listData into LocalStorage.
localStorage.mtdListData = JSON.stringify(listData)

takahirohonda

import FormEventHandler from '../FormEventHandler';

describe('FormEventHandler.spec.ts', () => {
  beforeEach(() => {
    const fixture = `<form id="fixture">
      <div role="radiogroup">
        <h3>Radio buttons</h3>
        <div role="radio" class="radio-input-ac" 
          value="option1" id="option1">
          Option 1

takahirohonda

import FormEventHandler from '../FormEventHandler';

describe('FormEventHandler.spec.ts', () => {
  beforeEach(() => {
    const fixture = `<form id="fixture">
      <div role="radiogroup">
        <h3>Radio buttons</h3>
        <div role="radio" class="radio-input-ac" 
          value="option1" id="option1">
          Option 1

takahirohonda

class FormEventHandler implements IEventHandler {
  
  private formElement: HTMLElement;

  constructor(formElement: HTMLElement) {
    this.formElement = formElement;
  }

  public init(): void {
    this.radioInputHandler();

takahirohonda

import SelectEventHandler from '../SelectEventHandler';

describe('SelectEventHandler.spec.ts', () => {

  beforeEach(() => {
    const fixture = `<div id="fixture">
      <form id="mock-form">
        <select id="first-select">
          <option value="" class="default">Select option</option>
          <option value="Dr" class="option">Dr</option>

takahirohonda

import { IEventHandler } from './types/interfaces';

class SelectEventHandler implements IEventHandler {

  private formElement: HTMLElement;
  private selectElements: any;

  constructor(formElement: HTMLElement) {
    this.formElement = formElement;
    this.selectElements = this.formElement

takahirohonda

<!-- aria-checked is not required -->
<input type="radio"
  class="radio-input" 
  id="adelaide"
  name="venue"
  value="adelaide"
  aria-checked="false" />
  
<!-- remove aria-checked -->
<input type="radio"

takahirohonda

<fieldset class="input-field" tabindex=0>
  <legend class="checkbox-title">
    Subscribe to our news letter
  </legend>
  <div class="checkbox-group">
    <input type="checkbox" class="checkbox-input" 
           id="subscribe" name="subscribe" tabindex=0/>
    <label class="radio-label" for="subscribe">
      Subscribe
    </label>