How to use alternatives method in Jest

1import React from 'react';2import MaterialIcon from 'react-google-material-icons';3import {4  busResults,5  trainResults,6  motorbikeResults,7  walkResults,8  bikeResults,9  planeResults,10} from '../getResults/getResults';11import treeIcon from './img/saveco2-tree-icon.svg';12import './alternatives.css';13export const getAlternativeObject = ({ userData, journeyDistance }) => {14  let alternativeTransport = [];15  console.log(userData);16  // const editedUserData = { ...userData, peopleCount: parseInt(peopleCount) };17  if (userData.transportType === 'car') {18    alternativeTransport = getCarAlternatives(userData, journeyDistance);19  }20  if (userData.transportType === 'motorbike') {21    alternativeTransport = getMotorbikeAlternatives(userData, journeyDistance);22  }23  if (userData.transportType === 'bus') {24    alternativeTransport = getBusAlternatives(userData, journeyDistance);25  }26  if (userData.transportType === 'train') {27    alternativeTransport = getTrainAlternatives(userData, journeyDistance);28  }29  if (userData.transportType === 'subway') {30    alternativeTransport = getSubwayAlternatives(userData, journeyDistance);31  }32  if (userData.transportType === 'plane') {33    alternativeTransport = getPlaneAlternatives(userData, journeyDistance);34  }35  if (userData.transportType === 'ferry') {36    alternativeTransport = getFerryAlternatives(userData, journeyDistance);37  }38  return alternativeTransport;39};40export const Alternatives = ({ alternativeTransport, userData }) => {41  console.log(userData);42  return (43    <>44      <GetChoices userData={userData} />45      {alternativeTransport.map((transport, index) => {46        console.log(transport);47        return (48          <React.Fragment key={index}>49            <div className="results__alternative-transport">50              <div className="alternative-transport__container">51                <MaterialIcon icon={transport.icon} size={48}></MaterialIcon>52                <div className="alternative-transport__container-phrase">53                  <h4>{transport.text}</h4>54                  <div className="transport__graph--container">55                    <div56                      className="transport__graph"57                      style={{58                        width: `${transport.result.emmissionsShare * 100}%`,59                      }}60                    />61                  </div>62                </div>63              </div>64              <div className="alternative-transport__details">65                <p>66                  {transport.result.emmissions} kg CO<sub>2</sub>67                </p>68                <div className="alternative-transport__details-tree">69                  <p>{transport.result.tree}</p>70                  <img71                    className="material-icons__tree"72                    src={treeIcon}73                    alt="tree"74                  />75                </div>76              </div>77            </div>78          </React.Fragment>79        );80      })}81      <GetOtherAlternatives userData={userData} />82      <GetTreeAlternatives userData={userData} />83    </>84  );85};86export const getCarAlternatives = (87  { distance, peopleCount, fuel },88  journeyDistance,89) => {90  const alternatives = [];91  const alternativeResults = getAlternativeResults({92    journeyDistance,93    peopleCount,94    fuel,95    distance,96  });97  if (98    peopleCount === 1 &&99    (fuel === 'diesel' ||100      fuel === 'petrol' ||101      fuel === 'hybrid' ||102      fuel === 'CNG' ||103      fuel === 'LPG' ||104      fuel === 'other')105  ) {106    if (distance <= 10) {107      alternatives.push(alternativeResults.walk);108      alternatives.push(alternativeResults.bike);109    } else if (distance <= 100) {110      alternatives.push(alternativeResults.bike);111      alternatives.push(alternativeResults.train);112      alternatives.push(alternativeResults.bus);113      alternatives.push(alternativeResults.motorbike);114    } else if (distance <= 200) {115      alternatives.push(alternativeResults.train);116      alternatives.push(alternativeResults.bus);117      alternatives.push(alternativeResults.motorbike);118    } else {119      alternatives.push(alternativeResults.train);120      alternatives.push(alternativeResults.bus);121    }122  }123  if (124    peopleCount === 2 &&125    (fuel === 'diesel' ||126      fuel === 'petrol' ||127      fuel === 'hybrid' ||128      fuel === 'CNG' ||129      fuel === 'LPG' ||130      fuel === 'other')131  ) {132    if (distance <= 10) {133      alternatives.push(alternativeResults.walk);134      alternatives.push(alternativeResults.bike);135    } else if (distance <= 100) {136      alternatives.push(alternativeResults.bike);137      alternatives.push(alternativeResults.train);138      alternatives.push(alternativeResults.motorbike);139    } else if (distance <= 200) {140      alternatives.push(alternativeResults.train);141      alternatives.push(alternativeResults.motorbike);142    } else {143      alternatives.push(alternativeResults.train);144    }145  }146  if (147    (peopleCount === 3 || peopleCount === 4) &&148    (fuel === 'diesel' ||149      fuel === 'petrol' ||150      fuel === 'CNG' ||151      fuel === 'other')152  ) {153    if (distance <= 10) {154      alternatives.push(alternativeResults.walk);155      alternatives.push(alternativeResults.bike);156    } else if (distance <= 100) {157      alternatives.push(alternativeResults.bike);158      alternatives.push(alternativeResults.train);159    } else {160      alternatives.push(alternativeResults.train);161    }162  }163  if (peopleCount >= 3 && peopleCount <= 5 && fuel === 'LPG') {164    if (distance <= 10) {165      alternatives.push(alternativeResults.walk);166      alternatives.push(alternativeResults.bike);167    } else if (distance <= 100) {168      alternatives.push(alternativeResults.bike);169      alternatives.push(alternativeResults.train);170    } else {171      alternatives.push(alternativeResults.train);172    }173  }174  if (peopleCount === 3 && fuel === 'hybrid') {175    if (distance <= 10) {176      alternatives.push(alternativeResults.walk);177      alternatives.push(alternativeResults.bike);178    } else if (distance <= 100) {179      alternatives.push(alternativeResults.bike);180      alternatives.push(alternativeResults.train);181    } else {182      alternatives.push(alternativeResults.train);183    }184  }185  if (186    peopleCount >= 5 &&187    peopleCount <= 9 &&188    (fuel === 'diesel' ||189      fuel === 'petrol' ||190      fuel === 'CNG' ||191      fuel === 'other')192  ) {193    if (distance <= 10) {194      alternatives.push(alternativeResults.walk);195      alternatives.push(alternativeResults.bike);196    } else if (distance <= 100) {197      alternatives.push(alternativeResults.bike);198    }199  }200  if (peopleCount >= 4 && peopleCount <= 6 && fuel === 'hybrid') {201    if (distance <= 10) {202      alternatives.push(alternativeResults.walk);203      alternatives.push(alternativeResults.bike);204    } else if (distance <= 100) {205      alternatives.push(alternativeResults.bike);206    }207  }208  if (peopleCount >= 6 && peopleCount <= 9 && fuel === 'LPG') {209    if (distance <= 10) {210      alternatives.push(alternativeResults.walk);211      alternatives.push(alternativeResults.bike);212    } else if (distance <= 100) {213      alternatives.push(alternativeResults.bike);214    }215  }216  if (217    (peopleCount >= 3 && peopleCount <= 5 && fuel === 'plugInHybrid') ||218    (peopleCount === 2 && fuel === 'electro')219  ) {220    if (distance <= 10) {221      alternatives.push(alternativeResults.walk);222      alternatives.push(alternativeResults.bike);223    } else if (distance <= 100) {224      alternatives.push(alternativeResults.bike);225    }226  }227  if (228    ((peopleCount === 1 || peopleCount === 2) && fuel === 'plugInHybrid') ||229    (peopleCount === 1 && fuel === 'electro')230  ) {231    if (distance <= 10) {232      alternatives.push(alternativeResults.walk);233      alternatives.push(alternativeResults.bike);234    } else if (distance <= 100) {235      alternatives.push(alternativeResults.bike);236      alternatives.push(alternativeResults.train);237    } else {238      alternatives.push(alternativeResults.train);239    }240  }241  if (242    (peopleCount >= 3 && peopleCount <= 6 && fuel === 'electro') ||243    (peopleCount >= 6 && peopleCount <= 9 && fuel === 'plugInHybrid') ||244    (peopleCount >= 7 && peopleCount <= 9 && fuel === 'hybrid')245  ) {246    if (distance <= 10) {247      alternatives.push(alternativeResults.walk);248    }249  }250  return alternatives;251};252export const getMotorbikeAlternatives = (253  { distance, peopleCount },254  journeyDistance,255) => {256  const alternatives = [];257  const alternativeResults = getAlternativeResults({258    journeyDistance,259    peopleCount,260    distance,261  });262  if (peopleCount === 1) {263    if (distance <= 10) {264      alternatives.push(alternativeResults.walk);265      alternatives.push(alternativeResults.bike);266    } else if (distance <= 100) {267      alternatives.push(alternativeResults.bike);268      alternatives.push(alternativeResults.train);269      alternatives.push(alternativeResults.bus);270    } else {271      alternatives.push(alternativeResults.train);272      alternatives.push(alternativeResults.bus);273    }274  }275  if (peopleCount === 2) {276    if (distance <= 10) {277      alternatives.push(alternativeResults.walk);278      alternatives.push(alternativeResults.bike);279    } else if (distance <= 100) {280      alternatives.push(alternativeResults.bike);281      alternatives.push(alternativeResults.train);282    } else {283      alternatives.push(alternativeResults.train);284    }285  }286  return alternatives;287};288export const getBusAlternatives = ({ distance }, journeyDistance) => {289  const alternatives = [];290  const alternativeResults = getAlternativeResults({291    journeyDistance,292    distance,293  });294  if (distance <= 10) {295    alternatives.push(alternativeResults.walk);296    alternatives.push(alternativeResults.bike);297  } else if (distance <= 100) {298    alternatives.push(alternativeResults.bike);299    alternatives.push(alternativeResults.train);300  } else {301    alternatives.push(alternativeResults.train);302  }303  return alternatives;304};305export const getTrainAlternatives = ({ distance }, journeyDistance) => {306  const alternatives = [];307  const alternativeResults = getAlternativeResults({308    journeyDistance,309    distance,310  });311  if (distance <= 10) {312    alternatives.push(alternativeResults.walk);313    alternatives.push(alternativeResults.bike);314  } else if (distance <= 100) {315    alternatives.push(alternativeResults.bike);316  }317  return alternatives;318};319export const getSubwayAlternatives = ({ distance }, journeyDistance) => {320  const alternatives = [];321  const alternativeResults = getAlternativeResults({322    journeyDistance,323    distance,324  });325  if (distance <= 10) {326    alternatives.push(alternativeResults.walk);327    alternatives.push(alternativeResults.bike);328  } else if (distance <= 100) {329    alternatives.push(alternativeResults.bike);330  }331  return alternatives;332};333export const getPlaneAlternatives = ({ distance }, journeyDistance) => {334  const alternatives = [];335  const alternativeResults = getAlternativeResults({336    journeyDistance,337    distance,338  });339  alternatives.push(alternativeResults.trainPlane);340  return alternatives;341};342export const getFerryAlternatives = ({ distance }, journeyDistance) => {343  const alternatives = [];344  const alternativeResults = getAlternativeResults({345    journeyDistance,346    distance,347  });348  alternatives.push(alternativeResults.plane);349  return alternatives;350};351const getAlternativeResults = ({ journeyDistance, peopleCount }) => {352  return {353    walk: {354      text: 'Máme lepší nápad! Pohyb na čerstvém vzduchu je zdravý.',355      icon: 'directions_walk',356      result: walkResults({ journeyDistance }),357    },358    bike: {359      text: 'Co takhle šlápnout do pedálů?',360      icon: 'pedal_bike',361      result: bikeResults({ journeyDistance }),362    },363    train: {364      text: 'Vlak je lepší volba. Alespoň během cesty vyřídíš maily.',365      icon: 'train',366      result: trainResults({ journeyDistance }),367    },368    trainPlane: {369      text: 'Zjisti si na nádraží, jestli ti nejede vlak. Třeba se Matýsek tentokrát nepo...',370      icon: 'train',371      result: trainResults({ journeyDistance }),372    },373    bus: {374      text: 'Možná ti jede autobus. Zkontroluj jízdní řády!',375      icon: 'directions_bus',376      result: busResults({ journeyDistance }),377    },378    motorbike: {379      text: 'Máš doma motorku? Tak ji vyvez!',380      icon: 'two_wheeler',381      result: motorbikeResults({ journeyDistance, peopleCount }),382    },383    plane: {384      text: 'Sedni na letadlo! Budeš tam rychleji a možná nenarazíš na ledovec.',385      icon: 'flight',386      result: planeResults({ journeyDistance }),387    },388  };389};390export const GetOtherAlternatives = ({391  userData: { distance, peopleCount, transportType, fuel },392}) => {393  if (transportType === 'car' && peopleCount <= 2) {394    return (395      <>396        <div className="alternative--others">397          <MaterialIcon icon={'person_add'} size={48}></MaterialIcon>398          <h4>399            {' '}400            Co třeba někoho svézt (nebo svést)? Ve&nbsp;více lidech se lépe401            jede.402          </h4>403        </div>404      </>405    );406  }407  if (transportType === 'ferry') {408    return (409      <>410        <div className="alternative--others">411          <MaterialIcon icon={'pool'} size={48}></MaterialIcon>412          <h4>To snad přeplaveš, ne?</h4>413        </div>414      </>415    );416  }417  if (418    (transportType === 'car' &&419      fuel === 'electro' &&420      peopleCount >= 7 &&421      peopleCount <= 9) ||422    (transportType === 'train' && distance > 100) ||423    transportType === 'bike' ||424    transportType === 'walk'425  ) {426    return (427      <>428        <div className="alternative--others">429          <MaterialIcon icon={'star_rate'} size={48}></MaterialIcon>430          <h4>Děkujeme, že pomáháš chránit životní prostředí. </h4>431        </div>432      </>433    );434  }435  return null;436};437export const GetTreeAlternatives = ({ userData: { transportType, fuel } }) => {438  if (439    transportType === 'car' ||440    transportType === 'subway' ||441    transportType === 'motorbike' ||442    transportType === 'bus' ||443    transportType === 'plane' ||444    transportType === 'ferry'445  ) {446    return (447      <>448        <div className="alternative--others">449          <MaterialIcon icon={'park'} size={48}></MaterialIcon>450          <h4>451            Víš, že se můžeš zapojit do sázení stromů? Vyber si kde na&nbsp;452            <a href="https://www.sazimebudoucnost.cz/">Sázíme budoucnost</a>.453          </h4>454        </div>455      </>456    );457  }458  return null;459};460export const GetChoices = ({461  userData: { distance, peopleCount, fuel, transportType },462}) => {463  let getChoicesText = '';464  if (465    (distance > 100 &&466      ((transportType === 'car' &&467        peopleCount >= 5 &&468        peopleCount <= 9 &&469        (fuel === 'diesel' ||470          fuel === 'petrol' ||471          fuel === 'CNG' ||472          fuel === 'other')) ||473        (peopleCount >= 4 && peopleCount <= 6 && fuel === 'hybrid') ||474        (peopleCount >= 6 && peopleCount <= 9 && fuel === 'LPG') ||475        (peopleCount >= 3 && peopleCount <= 5 && fuel === 'plugInHybrid'))) ||476    (distance > 100 && transportType === 'subway')477  ) {478    getChoicesText = <>Lepší volba nás nenapadá, i&nbsp;když…</>;479  } else if (480    (distance > 10 &&481      transportType === 'car' &&482      fuel === 'electro' &&483      peopleCount >= 3 &&484      peopleCount <= 6) ||485    (distance > 10 &&486      fuel === 'plugInHybrid' &&487      peopleCount >= 6 &&488      peopleCount <= 9) ||489    (distance > 10 && fuel === 'hybrid' && peopleCount >= 7 && peopleCount <= 9)490  ) {491    getChoicesText = <>Lepší volba nás nenapadá, i&nbsp;když…</>;492  } else if (493    (fuel === 'electro' && peopleCount >= 7 && peopleCount <= 9) ||494    (transportType === 'train' && distance > 100) ||495    transportType === 'bike' ||496    transportType === 'walk'497  ) {498    getChoicesText = <>Skvělá volba!</>;499  } else {500    getChoicesText = (501      <>502        Jsi si svojí volbou jistý? <br /> Zkus raději jednu z&nbsp;alternativ!503      </>504    );505  }506  return <h3 className="results__alternatives--choice">{getChoicesText}</h3>;...

1module("Text Descendant", {2});3test("Find text descendants in an iframe.", function() {4    // Setup fixture5    var fixture = document.getElementById('qunit-fixture');6    var iframe = document.createElement('iframe');7    var html = '<body><div id="foo">bar</div></body>';8    fixture.appendChild(iframe);9    iframe.contentWindow.document.open();10    iframe.contentWindow.document.write(html);11    iframe.contentWindow.document.close();12    var foo = iframe.contentDocument.getElementById("foo");13    equal(axs.properties.hasDirectTextDescendant(foo), true);14});15test("Find text descendants in a <template>.", function() {16    var templ = document.createElement('template');17    templ.innerHTML = '<div>bar</div>';18    // <template> might not be supported by the browser, test anyway.19    var foo = (templ.content || templ).firstChild;20    equal(axs.properties.hasDirectTextDescendant(foo), true);21});22module('findTextAlternatives', {23    setup: function () {24        this.fixture_ = document.getElementById('qunit-fixture');25    }26});27test('returns the calculated text alternative for the given element', function() {28    var targetNode = document.createElement('select');29    this.fixture_.appendChild(targetNode);30    try {31        equal(axs.properties.findTextAlternatives(targetNode, {}, true), '');32    } catch(e) {33        ok(false, 'Threw exception');34    }35});36test('Image with no text alternative', function() {37    var fixture = document.getElementById('qunit-fixture');38    var img = fixture.appendChild(document.createElement('img'));39    img.src = 'smile.jpg';40    var textAlternatives = {};41    axs.properties.findTextAlternatives(img, textAlternatives);42    equal(Object.keys(textAlternatives).length, 0, 'Image has no text alternative');43});44test('Image with alt text', function() {45    var fixture = document.getElementById('qunit-fixture');46    var img = fixture.appendChild(document.createElement('img'));47    img.src = 'smile.jpg';48    img.alt = 'Smile!';49    var textAlternatives = {};50    axs.properties.findTextAlternatives(img, textAlternatives);51    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');52    equal('alt' in textAlternatives, true, 'alt in textAlternatives');53    equal('Smile!', textAlternatives.alt.text);54});55test('Input type image with alt text', function() {56    var fixture = document.getElementById('qunit-fixture');57    var img = fixture.appendChild(document.createElement('input'));58    img.type = "image";59    img.src = 'smile.jpg';60    img.alt = 'Smile!';61    var textAlternatives = {};62    axs.properties.findTextAlternatives(img, textAlternatives);63    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');64    equal('alt' in textAlternatives, true, 'alt in textAlternatives');65    equal('Smile!', textAlternatives.alt.text);66});67test('Image with aria label', function() {68    var fixture = document.getElementById('qunit-fixture');69    var img = fixture.appendChild(document.createElement('img'));70    img.src = 'smile.jpg';71    img.setAttribute('aria-label', 'Smile!');72    var textAlternatives = {};73    axs.properties.findTextAlternatives(img, textAlternatives);74    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');75    equal('ariaLabel' in textAlternatives, true, 'ariaLabel in textAlternatives');76    equal('Smile!', textAlternatives.ariaLabel.text);77});78test('Image with aria labelledby', function() {79    var fixture = document.getElementById('qunit-fixture');80    var img = fixture.appendChild(document.createElement('img'));81    img.src = 'smile.jpg';82    var label = fixture.appendChild(document.createElement('div'));83    label.textContent = 'Smile!';84    label.id = 'label';85    img.setAttribute('aria-labelledby', 'label');86    var textAlternatives = {};87    axs.properties.findTextAlternatives(img, textAlternatives);88    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');89    equal('ariaLabelledby' in textAlternatives, true, 'ariaLabelledby in textAlternatives');90    equal('Smile!', textAlternatives.ariaLabelledby.text);91});92test('Image with title', function() {93    var fixture = document.getElementById('qunit-fixture');94    var img = fixture.appendChild(document.createElement('img'));95    img.src = 'smile.jpg';96    img.setAttribute('title', 'Smile!');97    var textAlternatives = {};98    axs.properties.findTextAlternatives(img, textAlternatives);99    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');100    equal('title' in textAlternatives, true, 'title in textAlternatives');101    equal('Smile!', textAlternatives.title.text);102});103test('Link with aria-hidden text', function() {104    var fixture = document.getElementById('qunit-fixture');105    var anchor = fixture.appendChild(document.createElement('a'));106    anchor.href = '#';107    anchor.innerHTML = '<span aria-hidden="true">X</span><span>Close this window</span>';108    var textAlternatives = {};109    var result = axs.properties.findTextAlternatives(anchor, textAlternatives);110    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');111    equal('content' in textAlternatives, true, 'content in textAlternatives');112    equal(textAlternatives.content.text, 'Close this window');113    equal(result, 'Close this window');114});115test('Link with aria-labelledby aria-hidden text', function() {116    var fixture = document.getElementById('qunit-fixture');117    var anchor = fixture.appendChild(document.createElement('a'));118    anchor.href = '#';119    anchor.setAttribute('aria-labelledby', 'foobar');120    anchor.innerHTML = '<span id="foobar" aria-hidden="true">X</span><span>Close this window</span>';121    var textAlternatives = {};122    var result = axs.properties.findTextAlternatives(anchor, textAlternatives);123    equal(Object.keys(textAlternatives).length, 2, 'exactly two text alternatives');124    equal('ariaLabelledby' in textAlternatives, true, 'ariaLabelledby in textAlternatives');125    equal(textAlternatives.content.text, 'Close this window');126    equal(textAlternatives.ariaLabelledby.text, 'X');127    equal(result, 'X');128});129test('Link with aria-labelledby element with aria-label', function() {130    var fixture = document.getElementById('qunit-fixture');131    var anchor = fixture.appendChild(document.createElement('a'));132    anchor.href = '#';133    anchor.setAttribute('aria-labelledby', 'foobar');134    var label = fixture.appendChild(document.createElement('span'));135    label.setAttribute('id', 'foobar');136    label.setAttribute('aria-label', 'Learn more about trout fishing');137    var textAlternatives = {};138    var result = axs.properties.findTextAlternatives(anchor, textAlternatives);139    equal(Object.keys(textAlternatives).length, 1, 'exactly one text alternative');140    equal('ariaLabelledby' in textAlternatives, true, 'ariaLabelledby in textAlternatives');141    equal(textAlternatives.ariaLabelledby.text, 'Learn more about trout fishing');142    equal(result, 'Learn more about trout fishing');143});144module('getTextFromHostLanguageAttributes', {145    setup: function () {146        this.fixture_ = document.getElementById('qunit-fixture');147    }148});149test('does not crash when targetNode has a numeric id attribute', function() {150    var targetNode = document.createElement('input');151    targetNode.setAttribute('id', '123_user');152    this.fixture_.appendChild(targetNode);153    try {154        equal(axs.properties.getTextFromHostLanguageAttributes(targetNode, {}, null), null);155    } catch(e) {156        ok(false, 'Threw exception: ' + e);157    }158});159module('getFocusProperties', {});160test('Get focus properties', function() {161    // Setup fixture162    var fixture = document.getElementById('qunit-fixture');163    fixture.style.top = 0;164    fixture.style.left = 0;165    var html = '<div id="overlapped" tabindex="0">Overlapped element</div>' +166               '<div id="overlapping" style="font-size: 48px; ' +167               'position: relative; top: -40px; height: 40px; ' +168               'background: rgba(255, 255, 255, 0.5);">Overlapping div</div>';169    fixture.innerHTML = html;170    var overlapped = document.getElementById('overlapped');171    var overlapping = document.getElementById('overlapping');172    var rect = overlapped.getBoundingClientRect();173    var center_x = (rect.left + rect.right) / 2;174    var center_y = (rect.top + rect.bottom) / 2;175    var elementAtPoint = document.elementFromPoint(center_x, center_y);176    var focusProperties = axs.properties.getFocusProperties(overlapped);177    if (elementAtPoint != null) {178        deepEqual(focusProperties,179                  { tabindex: { value: "0", valid: true },180                    visible: { value: false,181                               hidden: {182                                   value: false,183                                   valid: false184                               },185                               valid: false,186                               overlappingElements: [overlapping] } });187    } else {188        // This will occur if running in phantomjs.189        deepEqual(focusProperties,190                  { tabindex: { value: "0", valid: true },191                    visible: { value: true, valid: true } });192    }193});194module("getTextFromDescendantContent", {195    setup: function () {196        this.fixture_ = document.getElementById('qunit-fixture');197    }198});199test("returns text from the descendants of the element", function() {200    var html = '<label>\n' +201            '  <input type="radio" id="reason_Screenshot" name="reason" value="screenshot"></input>\n' +202            '</label>';203    this.fixture_.innerHTML = html;204    var targetNode = this.fixture_.querySelector('label');205    try {206        equal(axs.properties.getTextFromDescendantContent(targetNode), '');207        return ok(true);208    } catch(e) {209        return ok(false, 'Threw exception: ' + e);210    }211});212module('getImplicitRole', {213    setup: function() {}214});215test('get implicit role for button', function() {216    var element = document.createElement('button');217    var actual = axs.properties.getImplicitRole(element);218    equal(actual, 'button');219});220test('get implicit role for input type=button', function() {221    var element = document.createElement('input');222    element.setAttribute('type', 'button');223    var actual = axs.properties.getImplicitRole(element);224    equal(actual, 'button');225});226test('get implicit role for input type=range', function() {227    var element = document.createElement('input');228    element.setAttribute('type', 'range');229    var actual = axs.properties.getImplicitRole(element);230    equal(actual, 'slider');231});232test('get implicit role for li out of context', function() {233    var element = document.createElement('li');234    var actual = axs.properties.getImplicitRole(element);235    strictEqual(actual, '');236});237test('get implicit role for li child of ul', function() {238    var element = document.createElement('ul');239    element = element.appendChild(document.createElement('li'));240    var actual = axs.properties.getImplicitRole(element);241    equal(actual, 'listitem');242});243test('get implicit role for li descendant of ul', function() {244    var element = document.createElement('ul');245    element = element.appendChild(document.createElement('div'));  // bad html i know but good for test246    element = element.appendChild(document.createElement('li'));247    var actual = axs.properties.getImplicitRole(element);248    strictEqual(actual, '');249});250module('getTextProperties', {});251test('Image with no text alternative', function() {252    var fixture = document.getElementById('qunit-fixture');253    var img = fixture.appendChild(document.createElement('img'));254    img.src = 'smile.jpg';255    var textProperties = axs.properties.getTextProperties(img);256    equal('alt' in textProperties, true, 'alt in textProperties');257    equal(textProperties.alt.valid, false, 'alt is not valid');258    equal('filename' in textProperties, true, 'filename in textProperties');259    equal(textProperties.filename.text, 'smile.jpg');260    equal('computedText' in textProperties, true, 'computedText in textProperties');261    equal(textProperties.computedText, 'smile.jpg');...

1import React, { Component } from 'react';2import { Alert } from 'reactstrap';3import translate from '../../../i18n/translate';4import { FormattedMessage } from 'react-intl';5import TextareaAutosize from 'react-textarea-autosize';6class AddQuestion extends Component {7    constructor(){8        super();9        10        this.state = {11            description: "",12            type: 0,13            alternatives: [],14            errors: null,15            toggleAlert: false16        };17        this.onToggleAlert.bind(this);18        this.onChange.bind(this);19        this.onChangeType.bind(this);20        this.renderSwitch.bind(this);21        this.isFormValid.bind(this);22        this.onQuestionSubmit.bind(this);23    }24    onToggleAlert = () => {25        this.setState({ errors: null, toggleAlert: false });26    }27    28    onChange = (e) => {29        this.setState({ [e.target.name]: e.target.value });30    }31    clearErrors = () => {32        this.setState({ errors: null });33    }34    onAlternativeChange = (index, e) => {35        let alternatives = this.state.alternatives;36        37        let current_alternative = alternatives[index];38        let updated = { ...current_alternative, description: e.target.value };39        let updatedAlternatives = [40            ...alternatives.slice(0, index),41            updated,42            ...alternatives.slice(index + 1),43          ];44        45        this.setState({ alternatives: updatedAlternatives });46    }47    onMarkCorrect = (index, e) => {48        let { alternatives, type } = this.state;49        let updatedAlternatives = [];50        if(type === 1 || type === 2)51            updatedAlternatives = alternatives.map((alt, i) => i === index ? { ...alt, correct: true } : { ...alt, correct: false });52        else {53            let current_alternative = alternatives[index];54            let updated = { ...current_alternative, correct: !current_alternative.correct };55            updatedAlternatives = [56                ...alternatives.slice(0, index),57                updated,58                ...alternatives.slice(index + 1),59              ];60        }61        62        this.setState({ alternatives: updatedAlternatives });63    }64    onChangeType = (e) => {65        let type = parseInt(e.target.value);66        let alternatives = [];67        68        if(type === 1)69            alternatives = [ {description: "Yes", correct: false}, {description: "No", correct: false} ];70        else71            alternatives = [ {description: "", correct: false}, {description: "", correct: false}, {description: "", correct: false}, {description: "", correct: false} ];72        73        this.setState({ type, alternatives });74    }75    isFormValid = () => {76        const { description, type, alternatives } = this.state;77        if(description === "") {78            this.setState({ errors: translate('description-required'), toggleAlert: true });79            return false;80        }81        82        else if(type === 0) {83            this.setState({ errors: translate('alternatives-required'), toggleAlert: true });84            return false;85        }86        let correct = 0;87        let count = alternatives.length;88        for(let i = 0; i < count; i++ ) {89            if(alternatives[i].description === "") {90                this.setState({ errors: translate('alternatives-blank'), toggleAlert: true });91                return false92            }93            if(alternatives[i].correct)94                correct++;95        }96        if((type === 1 && correct !== 1) || (type === 2 && correct !== 1)) {97            this.setState({ errors: translate('one-correct-answer-required'), toggleAlert: true });98            return false;99        }100        if(type === 3 && correct !== 2) {101            this.setState({ errors: translate('two-correct-answers-required'), toggleAlert: true });102            return false;103        }104        return true;105    }106    onQuestionSubmit = () => {107        // e.preventDefault();108        // Validation109        let valid = this.isFormValid();110        if(valid) {111            const { description, type, alternatives } = this.state;112            const newQuestion = { description, type, alternatives };113            114            this.props.addQuestion(newQuestion);115        }116    }117    renderSwitch = (alternatives) => {118        switch(alternatives.length) {119          case 2:120            return (121                <>122                    {123                        alternatives.map((alt, index) => {124                            return (125                                <div key={index} className="form-group col-md-6 my-2">126                                    <div className="form-check text-center">127                                        <input id={index} name={index} type="radio"128                                             className="form-check-input shadow-sm"  129                                             onChange={this.onMarkCorrect.bind(this, index)} checked={alt.correct}/>130                                        <label className="form-check-label" htmlFor={index}>131                                            {alt.description}132                                        </label>133                                    </div>134                                </div>135                            )136                        })137                    }138                </>139            );140          default:141              return (142                <div className="row" id="alternatives">143                    {144                        alternatives.map((alt, index) => {145                            return (146                                <div key={index} className="form-group col-md-3 my-2">147                                    <div className="form-check">148                                    <input id={index} name={index} type="checkbox"149                                        className="form-check-input shadow-sm" 150                                        onChange={this.onMarkCorrect.bind(this, index)} checked={alt.correct}/>151                                    <input id="description" name="description"152                                        className="form-control form-control-sm shadow-sm"153                                        value={alt.description} onChange={this.onAlternativeChange.bind(this, index)}/>154                                    </div>155                                </div>156                            )157                        })158                    }159                </div>160            );161        };162    }163    render() {164        const { description, type, alternatives, errors, toggleAlert } = this.state;165        return (166            <div className="col-md-12 my-2 p-4 border rounded shadow">167                <div>168                    <div className="form-row" id="questionForm">169                        <div className="form-group col-md-12">170                            <label htmlFor="description"> {translate('description')} </label>171                            <TextareaAutosize minRows="3" id="description" name="description"172                                className="form-control form-control-sm shadow-sm"173                                value={description} onChange={this.onChange}/>174                        </div>175                        <div className="form-group col-md-12">176                            <label htmlFor="type"> {translate('type')} </label>177                            <select id="type" name="type" className="form-control form-control-sm shadow-sm" value={type} onChange={this.onChangeType}>178                                <FormattedMessage id="select-type">179                                    {(message) => <option value={0} disabled> {message} </option>}180                                </FormattedMessage>181                                <FormattedMessage id="yes-no">182                                    {(message) => <option value={1}> {message} </option>}183                                </FormattedMessage>184                                <FormattedMessage id="single-choice">185                                    {(message) => <option value={2}> {message} </option>}186                                </FormattedMessage>187                                <FormattedMessage id="multi-choice">188                                    {(message) => <option value={3}> {message} </option>}189                                </FormattedMessage>190                            </select>191                        </div>192                        {193                            this.renderSwitch(alternatives)194                        }195                        {196                            errors ?197                                <Alert color="danger" isOpen={toggleAlert} toggle={this.onToggleAlert} className="col-md-12 mt-2 px-4">198                                    <i className="fa fa-exclamation-circle" aria-hidden="true"/> {errors}199                                </Alert>200                                :201                                null202                        }203                        <button type="button" className="btn btn-md my-btn-outline-success ml-auto mt-2 shadow" onClick={this.onQuestionSubmit}>204                            <i className="fa fa-floppy-o" aria-hidden="true"/> {translate('save-question')}205                        </button>206                    </div>207                </div>208            </div>209        )210    }211}...

1/*  https://www.welovequizzes.com/countries-of-the-world-quiz-questions-and-answers/ */2/*3let currentQuestion = 0;4let currentScore = 0;5*/6/**7 * List of questions8 */9let questionList = [{10    questionText: 'What is the smallest country in the world with an area of only 0.49 square kilometres?',11    alternatives: ['Monaco', 'Vatican', 'Andorra'],12    answer: 113},14{15    questionText: 'What is the second-largest country in the world after Russia?',16    alternatives: ['China', 'USA', 'Canada'],17    answer: 218},19{20    questionText: 'Which of the following is a landlocked country, meaning it is not bordered by the sea or ocean?',21    alternatives: ['Kazakhstan', 'Madagascar', 'Turkey'],22    answer: 023},24{25    questionText: 'Which of the following countries is not in Central America?',26    alternatives: ['Cuba', 'Mexic', 'Uruguay'],27    answer: 228},29{30    questionText: 'Which of the following countries has the largest Muslim population in the world?',31    alternatives: ['Saudi Arabia', 'Indonesia', 'Iran'],32    answer: 133},34{35    questionText: 'Which European country is divided into administrative divisions called departments?',36    alternatives: ['France', 'Spain', 'Portugal'],37    answer: 038},39{40    questionText: 'Which of the following countries is shaped like a high heel boot?',41    alternatives: ['Chile', 'Finland', 'Italy'],42    answer: 243},44{45    questionText: 'Mouth Kilimanjaro, the highest mountain in Africa, is located in which country?',46    alternatives: ['Kenya', 'Tanzania', 'Lesotho'],47    answer: 148},49{50    questionText: 'In which country can you visit Machu Picchu, which used to be the citadel of the Inca Empire?',51    alternatives: ['Guatemala', 'Peru', 'Bolivia'],52    answer: 153},54{55    questionText: 'Pho, which contains beef, herbs, rice noodles, and broth, is a traditional dish in which Asian country?',56    alternatives: ['Cambodia', 'Vietnam', 'Malaysia'],57    answer: 158},59{60    questionText: 'Which of the following countries is often regarded as the oldest republic in the world?',61    alternatives: ['Greece', 'Italy', 'San Marino'],62    answer: 263},64{65    questionText: 'Which country will host the 2024 Olympics Summer Games?',66    alternatives: ['France', 'Australia', 'Japan'],67    answer: 068},69{70    questionText: 'Which country has the most islands in the world with more than 221,800?',71    alternatives: ['Canada', 'Norway', 'Sweden'],72    answer: 273},74{75    questionText: 'Which country is often called Land of Rising Sun?',76    alternatives: ['China', 'Japan', 'South Korea'],77    answer: 178},79{80    questionText: 'On 15 August 1947, British India was separated into India and which modern-day country?',81    alternatives: ['Pakistan', 'Bangladesh', 'Nepal'],82    answer: 083},84{85    questionText: 'Which country in eastern Europe used to be known as White Russia?',86    alternatives: ['Ukraina', 'Belarus', 'Bulgaria'],87    answer: 188},89{90    questionText: 'Kimono is the national dress of which country?',91    alternatives: ['South Korea', 'China', 'Japan'],92    answer: 293},94{95    questionText: 'Guitar is originated from which country in the 16th century?',96    alternatives: ['Greece', 'France', 'Spain'],97    answer: 298},99{100    questionText: 'What is the most populous country in the European Union?',101    alternatives: ['Russia', 'Germany', 'France'],102    answer: 1103},104{105    questionText: 'Which two nations share the longest border in the world?',106    alternatives: ['USA and Canada', 'China and Russia', 'Brazil and Argentina'],107    answer: 0108},109{110    questionText: 'Which of the following island countries is located on the Pacific Ocean?',111    alternatives: ['Tuvalu', 'Jamaica', 'Malta'],112    answer: 0113},114{115    questionText: 'Dirham is the official currency of which country?',116    alternatives: ['Iraq', 'Egypt', 'United Arab Emirates'],117    answer: 2118},119{120    questionText: 'The unicorn is the official national animal of which country?',121    alternatives: ['Wales', 'Northern Ireland', 'Scotland'],122    answer: 2123},124{125    questionText: 'Which of the following countries is not a Nordic country?',126    alternatives: ['Iceland', 'Russia', 'Denmark'],127    answer: 1128},129{130    questionText: 'What is the only country in the world that has a national flag that is not rectangular?',131    alternatives: ['Nepal', 'Switzerland', 'Kyrgyzstan'],132    answer: 0133},134{135    questionText: 'What is the first country in the world to grant the vote to women?',136    alternatives: ['Australia', 'New Zealand', 'Canada'],137    answer: 1138},139{140    questionText: 'Which country was called Santiago when Christopher Columbus first discovered it in 1494?',141    alternatives: ['Panama', 'Cuba', 'Jamaica'],142    answer: 2143},144{145    questionText: 'The Nobel Peace Prize is held every year in which country?',146    alternatives: ['Denmark', 'Sweden', 'Norway'],147    answer: 2148},149{150    questionText: 'In which country do people say “Shalom” to greet people?',151    alternatives: ['Israel', 'Egypt', 'Jordan'],152    answer: 0153},154{155    questionText: 'Which country is the current world’s leader in coffee exporting?',156    alternatives: ['Indonesia', 'Colombia', 'Brazil'],157    answer: 2158},159{160    questionText: 'Which modern-day country is considered to be the successor of the Ottoman Empire?',161    alternatives: ['Lebanon', 'Turkey', 'Jordan'],162    answer: 1163},164{165    questionText: '“God Save the Queen” is the national anthem of which country?',166    alternatives: ['Vatican', 'France', 'The United Kingdom'],167    answer: 2168},169{170    questionText: 'Which is the newest member of the United Nations, which declared its independence in 2011?',171    alternatives: ['South Sudan', 'Kosovo', 'East Timor'],172    answer: 0173},174{175    questionText: 'The Chernobyl disaster, which is considered the worst nuclear accident in history in terms of casualties and cost, occurred in 1986 in which country?',176    alternatives: ['Ukraine', 'Russia', 'Moldova'],177    answer: 0178},179{180    questionText: 'In which country can you find the “Door to Hell”, a natural gas pit that has been on fire since 1971?',181    alternatives: ['Georgia', 'Azerbaijan', 'Turkmenistan'],182    answer: 2183},184{185    questionText: 'The Strait of Gibraltar separates Spain and Portugal from which country?',186    alternatives: ['Tunisia', 'Morocco', 'Algeria'],187    answer: 1188},189{190    questionText: 'In which of the following country do people drive their vehicles on the left of the road?',191    alternatives: ['China', 'Estonia', 'Australia'],192    answer: 2193},194{195    questionText: 'In which country was the first national park in the world was established in 1872?',196    alternatives: ['The United States', 'France', 'Germany'],197    answer: 0198}];199/**200 * Start quiz when user hit start201 * Alter HTML to launch question and alternatives202*/203var quizArea = document.getElementById('game-area');204var question = document.getElementById('questionDiv');205var alternative1 = document.getElementById('alt1');206var alternative2 = document.getElementById('alt2');207var alternative3 = document.getElementById('alt3');208function startQuiz() { // event listener for start button209    210    quizArea.innerHTML = `211        <div onload="loaded()"; id="questionDiv">212        ${questionList[0].questionText}213        </div>214        <button onclick="alt1();" id="alt1" class="alt1 alt-button" aria-label="Alternative 1">215        ${questionList[0].alternatives[0]}216        </button>217        218        <button onclick="alt2();" id="alt2" class="alt2 alt-button" aria-label="Alternativ 2">219        ${questionList[0].alternatives[1]}220        </button>221        <button onclick="alt3();" id="alt3" class="alt3 alt-button" aria-label="Alternative 3">222        ${questionList[0].alternatives[2]}223        </button>224        <div class="footer">225            <div class="score-counter">226            </div>227            228            <button onclick="nextQuestion();" class="next-button">Next</button>229            230        </div>         231    `;232}233/*234function nextQuestion() {235    currentQuestion = 1;236    question.innerHTML = questionList[currentQuestion].questionText;237}238*/239/**240* Pull next question from array241*/  242/*243function nextQuestion() { // event listener for the next button244    let question = document.getElementById('questionDiv');245    let arrayLength = questionList.length;246    for (let i = 0; i < arrayLength; i++) {247        arrayLength.questionText;248        249    }250    question.innerText = questionList[0].questionText;251}252/**253* Pull next question from array254*/  255/*256let arrayLength = questionList.length;257function nextQuestion() {258    for (i = 0; i < arrayLength; i++) {259        questionList[i].questionText;260    console.log(arrayLength); // Control output    261    }262}263*/264/**265 * Correct answer validator266 */267/*268let correctAnswer = questionList[0].answer269function answerValidator() {270    if questionList.alternatives[0] === questionList.answer271} else {272    questionList.alternatives[1] === questionList.answer273} else {274    questionList.alternatives[2] === questionList.answer275}276    277*/278/*279function alt1() {280console.log("test 1");281}282function alt2() {283console.log("test 2");284}285function alt3() {286    console.log("test 3");287}288*/289 /**290  * Score board ...

1/*---------------------------------------------------------------------------------------------2 *  Copyright (c) Microsoft Corporation. All rights reserved.3 *  Licensed under the MIT License. See License.txt in the project root for license information.4 *--------------------------------------------------------------------------------------------*/5var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {6    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;7    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);8    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;9    return c > 3 && r && Object.defineProperty(target, key, r), r;10};11var __param = (this && this.__param) || function (paramIndex, decorator) {12    return function (target, key) { decorator(target, key, paramIndex); }13};14import { dispose } from '../../../base/common/lifecycle.js';15import { IContextKeyService, RawContextKey } from '../../../platform/contextkey/common/contextkey.js';16var SuggestAlternatives = /** @class */ (function () {17    function SuggestAlternatives(_editor, contextKeyService) {18        this._editor = _editor;19        this._ckOtherSuggestions = SuggestAlternatives.OtherSuggestions.bindTo(contextKeyService);20    }21    SuggestAlternatives.prototype.dispose = function () {22        this.reset();23    };24    SuggestAlternatives.prototype.reset = function () {25        this._ckOtherSuggestions.reset();26        dispose(this._listener);27        this._model = undefined;28        this._acceptNext = undefined;29        this._ignore = false;30    };31    SuggestAlternatives.prototype.set = function (_a, acceptNext) {32        var _this = this;33        var model = _a.model, index = _a.index;34        // no suggestions -> nothing to do35        if (model.items.length === 0) {36            this.reset();37            return;38        }39        // no alternative suggestions -> nothing to do40        var nextIndex = SuggestAlternatives._moveIndex(true, model, index);41        if (nextIndex === index) {42            this.reset();43            return;44        }45        this._acceptNext = acceptNext;46        this._model = model;47        this._index = index;48        this._listener = this._editor.onDidChangeCursorPosition(function () {49            if (!_this._ignore) {50                _this.reset();51            }52        });53        this._ckOtherSuggestions.set(true);54    };55    SuggestAlternatives._moveIndex = function (fwd, model, index) {56        var newIndex = index;57        while (true) {58            newIndex = (newIndex + model.items.length + (fwd ? +1 : -1)) % model.items.length;59            if (newIndex === index) {60                break;61            }62            if (!model.items[newIndex].completion.additionalTextEdits) {63                break;64            }65        }66        return newIndex;67    };68    SuggestAlternatives.prototype.next = function () {69        this._move(true);70    };71    SuggestAlternatives.prototype.prev = function () {72        this._move(false);73    };74    SuggestAlternatives.prototype._move = function (fwd) {75        if (!this._model) {76            // nothing to reason about77            return;78        }79        try {80            this._ignore = true;81            this._index = SuggestAlternatives._moveIndex(fwd, this._model, this._index);82            this._acceptNext({ index: this._index, item: this._model.items[this._index], model: this._model });83        }84        finally {85            this._ignore = false;86        }87    };88    SuggestAlternatives.OtherSuggestions = new RawContextKey('hasOtherSuggestions', false);89    SuggestAlternatives = __decorate([90        __param(1, IContextKeyService)91    ], SuggestAlternatives);92    return SuggestAlternatives;93}());...

1import generateAlternatives from '../src/utils/generateAlternatives';2test('gerar alternativas não traduzida', () => {3  const lineBinaryCode = [[1, 0, 1, 0, 0]];4  const result = generateAlternatives(lineBinaryCode, false);5  console.log(result);6  expect(result[0].text).toBe('1,0,1,0,0');7  expect(alternativesAreDifferent(result)).toBeTruthy();8});9test('gerar alternativas traduzida', () => {10  const lineBinaryCode = [[1, 0, 1, 0, 0]];11  const result = generateAlternatives(lineBinaryCode, true);12  console.log(result);13  expect(result[0].text).toBe('1,1,1,2');14  expect(alternativesAreDifferent(result)).toBeTruthy();15});16test('deve traduzir [0, 1, 1, 1, 1] para run lenght code', () => {17  const lineBinaryCode = [[0, 1, 1, 1, 1]];18  const result = generateAlternatives(lineBinaryCode, true);19  console.log(result);20  expect(result[0].text).toBe('0,1,4');21  expect(alternativesAreDifferent(result)).toBeTruthy();22});23test('não deve traduzir [0,0,1,0,0] para run lenght code', () => {24  const lineBinaryCode = [[0, 0, 1, 0, 0]];25  const result = generateAlternatives(lineBinaryCode, false);26  console.log(result);27  expect(result[0].text).toBe('0,0,1,0,0');28  expect(alternativesAreDifferent(result)).toBeTruthy();29});30test('deve traduzir [0,0,0,0,0] para run lenght code', () => {31  const lineBinaryCode = [[0, 0, 0, 0, 0]];32  const result = generateAlternatives(lineBinaryCode, true);33  console.log(result);34  expect(result[0].text).toBe('0,5');35  expect(alternativesAreDifferent(result)).toBeTruthy();36});37test('nao deve traduzir [0,0,0,0,0] para run lenght code', () => {38  const lineBinaryCode = [[0, 0, 0, 0, 0]];39  const result = generateAlternatives(lineBinaryCode, false);40  console.log(result);41  expect(result[0].text).toBe('0,0,0,0,0');42  expect(alternativesAreDifferent(result)).toBeTruthy();43});44test('deve traduzir [1,1,1,1,1] para run lenght code', () => {45  const lineBinaryCode = [[1, 1, 1, 1, 1]];46  const result = generateAlternatives(lineBinaryCode, true);47  console.log(result);48  expect(result[0].text).toBe('5');49  expect(alternativesAreDifferent(result)).toBeTruthy();50});51test('não deve traduzir [1,1,1,1,1] para run lenght code', () => {52  const lineBinaryCode = [[1, 1, 1, 1, 1]];53  const result = generateAlternatives(lineBinaryCode, false);54  console.log(result);55  expect(result[0].text).toBe('1,1,1,1,1');56  expect(alternativesAreDifferent(result)).toBeTruthy();57});58const alternativesAreDifferent = (result) => {59  for (let i = 0; i < result.length; i += 1) {60    const currentText = result[i].text;61    for (let j = 0; j < result.length; j += 1) {62      if (i !== j && currentText === result[j].text) {63        return false;64      }65    }66  }67  return true;68};69test('deve traduzir [2, 2, 2, 3, 1] para run lenght code colorful', () => {70  const lineBinaryCode = [[2, 2, 2, 3, 1]];71  const result = generateAlternatives(lineBinaryCode, true, false, true);72  console.log(result);73  expect(result[0].text).toBe('3-2,1-3,1-1');74  expect(alternativesAreDifferent(result)).toBeTruthy();...

1import React, { Fragment, useContext } from 'react';2import AlternativeEditor from './AlternativeEditor';3import { Dispatch, State } from '../../context';4/**5 * Synonyms editor component.6 *7 * @param {Object} props Props.8 * @param {Object[]} props.alternatives Defined alternatives (explicit mappings).9 * @return {React.FC} AlternativesEditor component10 */11const AlternativesEditor = ({ alternatives }) => {12	const dispatch = useContext(Dispatch);13	const state = useContext(State);14	const {15		alternativesInputHeading,16		alternativesPrimaryHeading,17		alternativesAddButtonText,18		alternativesErrorMessage,19	} = window.epSynonyms.i18n;20	/**21	 * Handle click.22	 *23	 * @param {React.SyntheticEvent} e Event.24	 */25	const handleClick = (e) => {26		const [lastItem] = state.alternatives.slice(-1);27		if (!alternatives.length || lastItem.synonyms.filter(({ value }) => value.length).length) {28			dispatch({ type: 'ADD_ALTERNATIVE' });29		}30		e.preventDefault();31	};32	return (33		<div className="synonym-alternatives-editor metabox-holder">34			<div className="postbox">35				<h2 className="hndle">36					<span className="synonym-alternatives__primary-heading">37						{alternativesPrimaryHeading}38					</span>39					<span className="synonym-alternatives__input-heading">40						{alternativesInputHeading}41					</span>42				</h2>43				<div className="inside">44					{alternatives.map((props) => (45						<Fragment key={props.id}>46							<div className="synonym-alternative-editor">47								<AlternativeEditor48									{...props}49									updateAction="UPDATE_ALTERNATIVE"50									removeAction="REMOVE_ALTERNATIVE"51								/>52							</div>53							{!props.valid && (54								<p className="synonym__validation">{alternativesErrorMessage}</p>55							)}56						</Fragment>57					))}58					<button type="button" className="button button-secondary" onClick={handleClick}>59						{alternativesAddButtonText}60					</button>61				</div>62			</div>63		</div>64	);65};...

1/* eslint-disable no-plusplus */2import randomRowValue from './randomRowValue';3import translateRunLenghtCode from './translateRunLenghtCode';4const alternativesContains = (alternatives, alternative) => {5  const alternativeMapResult = alternatives.map((item) => {6    const isSame = item.toString() === alternative.toString();7    return isSame;8  });9  return alternativeMapResult.includes(true);10};11const generateAlternatives = (12  lineBinaryCode,13  isTranslate,14  isTranslateCorrect,15  isColorFul,16) => {17  if (!lineBinaryCode || lineBinaryCode.length === 0) return [];18  const alternatives = [];19  const alternativesObj = [];20  const maxAlternatives = 4;21  const numColumns = 5;22  alternatives.push(23    !isTranslateCorrect && isTranslate24      ? translateRunLenghtCode(lineBinaryCode[0], isColorFul)25      : lineBinaryCode[0],26  );27  alternativesObj.push({28    id: 1,29    text: alternatives[0].join(),30    correct: true,31  });32  while (alternatives.length !== maxAlternatives) {33    const nextAlternative = isTranslate34      ? translateRunLenghtCode(randomRowValue(numColumns), isColorFul)35      : randomRowValue(numColumns);36    if (!alternativesContains(alternatives, nextAlternative)) {37      alternatives.push(nextAlternative);38    }39  }40  for (let i = 1; i < maxAlternatives; i++) {41    alternativesObj.push({42      id: i + 1,43      text: alternatives[i].join(),44      correct: false,45    });46  }47  return alternativesObj;48};...