KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

How to use UserContext method in argos

Best JavaScript code snippet using argos

QuizzForm.js

Source:QuizzForm.js

1import React, { useState, useContext, useEffect, Fragment } from "react";2import { Checkbox, Form, Button, Icon } from "semantic-ui-react";3import "./QuizzForm.scss";4import UserContext from "../../../../Context/UserContext/UserContext";5import { FirebaseContext } from "../../../../firebase";6import QuizzSummary from "./QuizzSummary/QuizzSummary";7import albertHead from "./QuizzSummary/assets/images/albert-quiz.png";8import { useHistory } from "react-router-dom";9import Latex from "react-latex";10const QuizzForm = ({11  multiple,12  title,13  choices,14  correct,15  current_index,16  question_limit,17  course,18  question_length,19  chapter,20  quizz_questions,21}) => {22  const history = useHistory();23  const userContext = useContext(UserContext);24  const firebase = useContext(FirebaseContext);25  const [foundAnswer, setFoundAnswer] = useState(0);26  const [Response, setResponse] = useState("");27  const [answer, setAnswer] = useState("");28  const [loading, setLoading] = useState(false);29  const [showAnswer, setShowAnswer] = useState(false);30  const [checkAnswer, setCheckAnswer] = useState("");31  const [userPoints, setUserPoints] = useState(0);32  const [finished, setFinished] = useState(false);33  const [reset, setReset] = useState(false);34  const [showNextBtn, setShowNextBtn] = useState(false);35  const [bad_checked_response_index, set_bad_checked_response_index] = useState(36    null37  );38  const database = firebase.getData();39  useEffect(() => {40    if (userContext.user) {41      //code if realod page pour garder context api values42      const userId = userContext.user.uid;43      const reference = database.ref(44        `users/${userId}/Progression/${userContext.user_informations.level}/${course}/${chapter}`45      );46      const hasProgression =47        userContext["user_informations"]["Progression"][48          `${userContext.user_informations.level}`49        ][`${course}`][`${chapter}`];50      //console.log(user_informations.val())51      if (!hasProgression) {52        //console.log('create a collection');53        reference54          .child(`/progression`)55          .set({56            current_question_index: 0,57            found_questions: 0,58            points: 0,59            finished: false,60            onReset: false,61            badResponses: {62              default: "default",63            },64          })65          .then(() => {66            //console.log('created');67            setFoundAnswer(0);68            setUserPoints(0);69            userContext.update_user_progression(0);70            userContext.update_user_current_question_index(0);71            userContext.update_user_points(0);72          })73          .catch((e) => {74            console.log(e);75            history.push("/404");76          });77      } else {78        //console.log(user_informations.val())79        const {80          current_question_index,81          found_questions,82          points,83          finished,84          onReset,85        } = userContext["user_informations"]["Progression"][86          `${userContext.user_informations.level}`87        ][`${course}`][`${chapter}`]["progression"];88        //console.log( 'from quizz form' , question_limit , current_question_index , found_questions , points , finished);89        userContext.update_user_progression(90          (current_question_index + 1) / question_length91        );92        userContext.update_user_current_question_index(current_question_index);93        userContext.update_user_points(points);94        userContext.update_user_found_answer(found_questions);95        onReset96          ? userContext.update_user_not_found_answer(97              current_question_index + 1 - found_questions98            )99          : userContext.update_user_not_found_answer(100              current_question_index - found_questions101            );102        setFoundAnswer(found_questions);103        setUserPoints(points);104        setReset(onReset);105        userContext.update_user_on_quizz_summary_page(onReset);106        userContext.update_quizz_next_index(current_question_index + 1);107        if (finished) {108          setFinished(finished);109        }110      }111    }112  }, [userContext.user]);113  const handleResetButton = () => {114    //alert('hello')115    const reference = database.ref(116      `users/${userContext.user.uid}/Progression/`117    );118    //console.log(reference)119    reference120      .child(121        `${userContext.user_informations.level}/${course}/${chapter}/progression`122      )123      .update({124        current_question_index: 0,125        found_questions: 0,126        onReset: false,127      })128      .then(() => {129        //update user context progress130        userContext.update_user_progression(0);131        //update current index132        userContext.update_user_current_question_index(0);133        //update user points134        setFoundAnswer(0);135        setReset(false);136        setLoading(false);137        setShowAnswer(false);138        userContext.update_user_check_true_answer(false);139        userContext.update_user_checked_false_answer(false);140        userContext.update_user_found_answer(0);141        userContext.update_user_on_quizz_summary_page(false);142        userContext.update_quizz_next_index(0);143        userContext.update_user_not_found_answer(0);144      })145      .catch((e) => {146        history.push("/404");147        console.log(e);148      });149    //console.log(userContext.user_informations.level)150  };151  const handleClick = (e, titleProps) => {152    const { value, id } = titleProps;153    //console.log(checked , value , e.target.value);154    setResponse(value);155    setAnswer(id);156    setCheckAnswer(value);157    set_bad_checked_response_index(id - 1);158  };159  const handleSubmit = (e) => {160    //console.log('hello');161    e.preventDefault();162    setLoading(true);163    if (current_index <= question_limit) {164      if (answer === correct) {165        setShowAnswer(true);166        userContext.update_user_check_true_answer(true);167        userContext.update_user_checked_false_answer(false);168        userContext.update_quizz_next_index(current_index + 1);169        userContext.update_user_found_answer(foundAnswer + 1);170        //alert('found');171        setFoundAnswer(foundAnswer + 1);172        if (userContext.user) {173          let score = 0;174          if (!finished && (foundAnswer + 1) / question_length <= 0.25) {175            userContext.update_user_points(0);176            setUserPoints(0);177            score = 0;178          }179          if (180            !finished &&181            (foundAnswer + 1) / question_length > 0.25 &&182            (foundAnswer + 1) / question_length <= 0.5183          ) {184            userContext.update_user_points(20);185            setUserPoints(20);186            score = 20;187          }188          if (189            !finished &&190            (foundAnswer + 1) / question_length > 0.5 &&191            (foundAnswer + 1) / question_length <= 0.75192          ) {193            userContext.update_user_points(40);194            setUserPoints(40);195            score = 40;196          }197          if (198            !finished &&199            (foundAnswer + 1) / question_length > 0.75 &&200            (foundAnswer + 1) / question_length <= 1201          ) {202            userContext.update_user_points(60);203            setUserPoints(60);204            score = 60;205          }206          if (finished) {207            score = userPoints;208          }209          if (current_index < question_limit) {210            const reference = database.ref(211              `users/${userContext.user.uid}/Progression/`212            );213            //console.log(reference)214            reference215              .child(216                `${userContext.user_informations.level}/${course}/${chapter}/progression`217              )218              .update({219                current_question_index: current_index + 1,220                found_questions: foundAnswer + 1,221                points: score,222                onReset: false,223              })224              .then(() => {225                setResponse("");226                setShowNextBtn(true);227                setLoading(false);228                userContext.update_user_progression(229                  (current_index + 2) / question_length230                );231                userContext.update_user_on_quizz_summary_page(false);232                setShowNextBtn(true);233              })234              .catch((e) => {235                console.log(e);236                history.push("/404");237              });238            //console.log(userContext.user_informations.level)239          }240          if (current_index === question_limit) {241            if (!finished) {242              //console.log('hello_anas')243              let last_points = score;244              const progress_reference = database.ref(245                `users/${userContext.user.uid}`246              );247              progress_reference.once("value", (points) => {248                last_points += points.val().points;249                //console.log( 'last_points' , last_points,points.val().points)250                const promise = new Promise((resolve, reject) => {251                  resolve(last_points);252                });253                promise254                  .then(() => {255                    userContext.update_user_points_anas(last_points);256                    progress_reference.update({257                      points: last_points,258                    });259                  })260                  .catch((e) => {261                    console.log(e.message);262                    history.push("/404");263                  });264              });265            }266            if (finished) {267              score = userPoints;268            }269            const reference = database.ref(270              `users/${userContext.user.uid}/Progression/`271            );272            //console.log(reference);273            reference274              .child(275                `${userContext.user_informations.level}/${course}/${chapter}/progression`276              )277              .update({278                found_questions: foundAnswer + 1,279                points: score,280                finished: true,281                onReset: true,282              })283              .then(() => {284                setReset(true);285                userContext.update_user_check_true_answer(false);286                userContext.update_user_checked_false_answer(false);287                userContext.update_user_current_question_index(current_index);288                userContext.update_user_on_quizz_summary_page(true);289              })290              .catch((e) => {291                console.log(e.message);292                history.push("/404");293              });294            //console.log(userContext.user_informations.level)295          }296        }297      }298      if (answer !== correct) {299        setShowAnswer(true);300        //alert('Not found');301        userContext.update_user_check_true_answer(false);302        userContext.update_user_checked_false_answer(true);303        userContext.update_quizz_next_index(current_index + 1);304        userContext.update_user_not_found_answer(305          current_index + 1 - foundAnswer306        );307        if (current_index < question_limit) {308          let former_bad_responses = {};309          //console.log('in the false bvalue')310          const bad_response_reference = database.ref(311            `users/${userContext.user.uid}/Progression/${userContext.user_informations.level}/${course}/${chapter}/progression/badResponses`312          );313          bad_response_reference.once("value", (response) => {314            //console.log(  "bad response" , response.val());315            former_bad_responses = {316              ...response.val(),317            };318            former_bad_responses[319              `${bad_checked_response_index}`320            ] = bad_checked_response_index;321            const reference = database.ref(322              `users/${userContext.user.uid}/Progression/`323            );324            //console.log(reference)325            reference326              .child(327                `${userContext.user_informations.level}/${course}/${chapter}/progression`328              )329              .update({330                current_question_index: current_index + 1,331                onReset: false,332                badResponses: former_bad_responses,333              })334              .then(() => {335                setShowNextBtn(true);336                setLoading(false);337                userContext.update_user_progression(338                  (current_index + 2) / question_length339                );340                userContext.update_user_on_quizz_summary_page(false);341                setShowNextBtn(true);342              })343              .catch((e) => {344                console.log(e.message);345                history.push("/404");346              });347            //console.log(userContext.user_informations.level)348          });349        }350        if (current_index === question_limit) {351          //alert('Not found');352          if (userContext.user) {353            if (!finished) {354              //console.log('hello_anas')355              let last_points = userPoints;356              const progress_reference = database.ref(357                `users/${userContext.user.uid}`358              );359              progress_reference.once("value", (points) => {360                last_points += points.val().points;361                //console.log( 'last_points' , last_points,points.val().points)362                const promise = new Promise((resolve, reject) => {363                  resolve(last_points);364                });365                promise366                  .then(() => {367                    userContext.update_user_points_anas(last_points);368                    progress_reference.update({369                      points: last_points,370                    });371                  })372                  .catch((e) => {373                    console.log(e.message);374                    history.push("/404");375                  });376              });377            }378            let former_bad_responses = null;379            const bad_response_reference = database.ref(380              `users/${userContext.user.uid}/Progression/${userContext.user_informations.level}/${course}/${chapter}/progression/badResponses`381            );382            bad_response_reference.once("value", (response) => {383              former_bad_responses = {384                ...response.val(),385              };386              former_bad_responses[387                `${bad_checked_response_index}`388              ] = bad_checked_response_index;389              const reference = database.ref(390                `users/${userContext.user.uid}/Progression/`391              );392              reference393                .child(394                  `${userContext.user_informations.level}/${course}/${chapter}/progression`395                )396                .update({397                  finished: true,398                  onReset: true,399                  badResponses: former_bad_responses,400                })401                .then(() => {402                  userContext.update_user_current_question_index(current_index);403                  userContext.update_user_check_true_answer(false);404                  userContext.update_user_checked_false_answer(false);405                  userContext.update_user_on_quizz_summary_page(true);406                  setReset(true);407                })408                .catch((e) => {409                  console.log(e.message);410                  history.push("/404");411                });412            });413          }414        }415      }416    }417  };418  const handleNextButtonClick = () => {419    setResponse("");420    setShowAnswer(false);421    userContext.update_user_check_true_answer(false);422    userContext.update_user_checked_false_answer(false);423    userContext.update_user_current_question_index(current_index + 1);424    setShowNextBtn(false);425  };426  return (427    <Fragment>428      {!reset && (429        <div className="quizz-form-container">430          <div className="quizz-title-container">431            <div className="img-container">432              <img src={albertHead} alt="" />433            </div>434            <h2 className="quizz-form-title">435              {" "}436              <Latex>{String.raw`${title}`}</Latex>{" "}437            </h2>438          </div>439          <Form440            loading={loading}441            className="quizz-form"442            onSubmit={handleSubmit}443          >444            {choices.length > 0445              ? choices.map((choice, index) => {446                  if (showAnswer) {447                    return (448                      <div449                        className={`response-container ${450                          correct == index + 1 ? "border-green" : "border-red"451                        } `}452                        key={choice}453                      >454                        <Form.Field455                          control={Checkbox}456                          name={choice}457                          id={`${index + 1}`}458                          label={459                            <label>460                              {" "}461                              <Latex>{String.raw`${choice}`}</Latex>{" "}462                            </label>463                          }464                          checked={checkAnswer === choice}465                          value={choice}466                        />467                      </div>468                    );469                  } else {470                    if (Response.length < 0) {471                      return (472                        <div className={`response-container `} key={choice}>473                          <Form.Field474                            control={Checkbox}475                            name={choice}476                            id={`${index + 1}`}477                            label={478                              <label>479                                {" "}480                                <Latex>{String.raw`${choice}`}</Latex>{" "}481                              </label>482                            }483                            onClick={(e, data) => handleClick(e, data)}484                            checked={Response === choice}485                            value={choice}486                          />487                        </div>488                      );489                    } else {490                      return (491                        <div className={`response-container `} key={choice}>492                          <Form.Field493                            control={Checkbox}494                            name={choice}495                            id={`${index + 1}`}496                            label={497                              <label>498                                {" "}499                                <Latex>{String.raw`${choice}`}</Latex>{" "}500                              </label>501                            }502                            onClick={(e, data) => handleClick(e, data)}503                            checked={Response === choice}504                            value={choice}505                          />506                        </div>507                      );508                    }509                  }510                })511              : null}512            {!showNextBtn ? (513              <div className="quizz-submit-btn">514                <Button515                  type="submit"516                  disabled={Response.length === 0 ? true : false}517                >518                  Valider519                </Button>520              </div>521            ) : (522              <div className="quizz-submit-btn">523                <Button type="button" onClick={handleNextButtonClick}>524                  {" "}525                  Suivant <Icon name="long arrow alternate right" />{" "}526                </Button>527              </div>528            )}529          </Form>530        </div>531      )}532      {reset && (533        <Fragment>534          <QuizzSummary535            finished={finished}536            img={albertHead}537            quizz_questions={quizz_questions}538            found_answer={foundAnswer}539            course={course}540            chapter={chapter}541          />542          <div className="quizz-reset-btn">543            <button type="button" onClick={handleResetButton}>544              {" "}545              <span style={{ marginRight: "5px" }}> Recommencer </span>{" "}546              <Icon name="redo" />{" "}547            </button>548            <button549              type="button"550              onClick={() => history.push("/dashboard-user")}551            >552              {" "}553              DÃ©couvrez dâautres cours{" "}554            </button>555          </div>556        </Fragment>557      )}558    </Fragment>559  );560};...

Progress.js

Source:Progress.js

1import React, { useContext, useEffect, useState, Fragment } from "react";2import UserContext from "../../../../Context/UserContext/UserContext";3import { Icon } from "semantic-ui-react";4// import Lottie from "lottie-react";5import "./Progress.scss";6import svg from "./assets/Groupe 212.svg";7import avatar from "./assets/Boy.png";8// import lottieTrophy from "./assets/lottie/trophy.json";9const Progress = () => {10  const userContext = useContext(UserContext);11  const [progression, setProgression] = useState(0);12  const [quizzQuestionsNumber, setQuizzQuestionsNumber] = useState(0);13  const [currentIndex, setCurrentIndex] = useState(0);14  const [avatarImage, setAvatarImage] = useState("");15  const handleProgression = (progression) => setProgression(progression);16  const handleSetQuizzQuestionsNumber = (number) =>17    setQuizzQuestionsNumber(number);18  const handleSetCurrentIndex = (index) => setCurrentIndex(index);19  useEffect(() => {20    /*  if(!userContext.user_check_true_answer && !userContext.user_checked_false_answer){21            setTimeout(() => {lottieRef.current.pause() }, 1800);22        }23        if(userContext.user_check_true_answer){24            setTimeout(() => {lottieRef.current.pause() }, 1800);25        } */26    //console.log('ici '+userContext.user_informations.avatar)27    setAvatarImage(userContext.user_informations.avatar);28    handleProgression(userContext.user_progression);29    handleSetQuizzQuestionsNumber(userContext.quizz_questions);30    handleSetCurrentIndex(userContext.user_current_question_index);31  }, [32    userContext.user_progression,33    userContext.quizz_questions,34    userContext.user_current_question_index,35    userContext.user_check_true_answer,36  ]);37  return (38    <div className="quizz-progress-container">39      <div className="profile-container">40        {avatarImage ? (41          <img42            src={require(`../../../../images/avatars/${avatarImage}.png`)}43            style={{ maxWidth: "60px" }}44            alt=""45          />46        ) : (47          <img src={avatar} alt="" style={{ maxWidth: "80px" }} />48        )}49      </div>50      <div className="progress-wrapper">51        <div className="answer-wrapper">52          <div className="empty"></div>53          <p54            className={`${55              userContext.user_checked_false_answer56                ? "text-red shake-horizontal"57                : ""58            } ${59              userContext.user_check_true_answer ? "text-green bounce-top" : ""60            }`}61          >62            {userContext.user_checked_false_answer && (63              <Fragment>64                {" "}65                <Icon name="thumbs down" /> Mauvaise rÃ©ponse{" "}66              </Fragment>67            )}68            {userContext.user_check_true_answer && (69              <Fragment>70                {" "}71                <Icon name="thumbs up" /> Bonne rÃ©ponse{" "}72              </Fragment>73            )}74          </p>75          <p className="questions-repo text-center">76            {" "}77            {currentIndex + 1} / {quizzQuestionsNumber}{" "}78          </p>79          {/* ( !userContext.user_check_true_answer && !userContext.user_checked_false_answer) &&  <p className="questions-repo text-center w-100">{currentIndex+1}/{quizzQuestionsNumber} </p> */}80        </div>81        <div className="progress">82          <div83            className="progression"84            style={{ width: `${progression * 100}%` }}85          ></div>86        </div>87      </div>88      <div className="score-container">89        <img src={svg} alt="heart" width="50px" />90        {/* <div className="score"> { userContext.user_points } </div>*/}91        {/*!userContext.user_check_true_answer && <Lottie lottieRef={lottieRef} animationData={lottieTrophy}  /> */}92        {/*userContext.user_check_true_answer &&  <Lottie lottieRef={lottieRef}   animationData={lottieTrophy} />*/}93      </div>94    </div>95  );96};...

QuizzShowAnswer.js

Source:QuizzShowAnswer.js

1import React , { useContext , useState , useEffect } from 'react';2import UserContext from '../../../../Context/UserContext/UserContext';3import { Icon } from 'semantic-ui-react';4const QuizzShowAnswer = () => {5    const userContext = useContext(UserContext);6    const [foundAnswer , setFoundAnswer] = useState(0);7    const handleSetFoundAnswer = number => setFoundAnswer(number);8    useEffect(() => {9        handleSetFoundAnswer(userContext.user_found_answer);10    }, [userContext.user_found_answer]);11    return (12        <div className = 'quizz-show-answer-container'>13            <div className = 'good-answer-container answer-container'>14                <Icon name = 'thumbs up' /> 15                <p> {foundAnswer} / { userContext.quizz_questions } </p>16            </div>17            <div className = 'bad-answer-container answer-container'>18                <Icon name = 'thumbs down' />19{/*                 { userContext.user_on_quizz_summary_page ? <p> { userContext.user_current_question_index  >= foundAnswer ? (userContext.user_current_question_index  - foundAnswer) : 0} / { userContext.quizz_questions } </p> :   <p> { userContext.user_current_question_index  >= foundAnswer ? (userContext.user_current_question_index  - foundAnswer) : 0} / { userContext.quizz_questions } </p>  }20 */}            21                <p> {userContext.user_not_found_answer} / {userContext.quizz_questions} </p>22            </div>23        </div>24    )25}...

Using AI Code Generation

1var UserContext = require('argos-sdk/src/UserContext');2var userContext = new UserContext();3var UserContext = require('argos-sdk/src/UserContext');4var userContext = new UserContext();5var UserContext = require('argos-sdk/src/UserContext');6var userContext = new UserContext();7var UserContext = require('argos-sdk/src/UserContext');8var userContext = new UserContext();9var UserContext = require('argos-sdk/src/UserContext');10var userContext = new UserContext();11var UserContext = require('argos-sdk/src/UserContext');12var userContext = new UserContext();13var UserContext = require('argos-sdk/src/UserContext');14var userContext = new UserContext();15var UserContext = require('argos-sdk/src/UserContext');16var userContext = new UserContext();17var UserContext = require('argos-sdk/src/UserContext');18var userContext = new UserContext();19var UserContext = require('argos-sdk/src/UserContext');20var userContext = new UserContext();21var UserContext = require('argos-sdk/src/UserContext');22var userContext = new UserContext();23var UserContext = require('argos-sdk/src/UserContext');24var userContext = new UserContext();25var UserContext = require('argos-sdk/src/UserContext');26var userContext = new UserContext();

Using AI Code Generation

1const UserContext = require('argos-sdk/src/UserContext');2const userContext = new UserContext(this.app);3userContext.set('key', 'value');4const UserContext = require('argos-sdk/src/UserContext');5const userContext = new UserContext(this.app);6userContext.set('key', 'value');7userContext.get('key');8© [Sage](

Using AI Code Generation

1var UserContext = require('argos-sdk/src/UserContext');2var userContext = new UserContext();3userContext.isRegistered(function(isRegistered) {4    console.log('isRegistered: ' + isRegistered);5});6var UserContext = require('argos-sdk/src/UserContext');7var userContext = new UserContext();8userContext.isRegistered().then(function(isRegistered) {9    console.log('isRegistered: ' + isRegistered);10});11var UserContext = require('argos-sdk/src/UserContext');12var userContext = new UserContext();13userContext.isRegistered().then(function(isRegistered) {14    console.log('isRegistered: ' + isRegistered);15});16var UserContext = require('argos-sdk/src/UserContext');17var userContext = new UserContext();18userContext.isRegistered().then(function(isRegistered) {19    console.log('isRegistered: ' + isRegistered);20});21var UserContext = require('argos-sdk/src/UserContext');22var userContext = new UserContext();23userContext.isRegistered().then(function(isRegistered) {24    console.log('isRegistered: ' + isRegistered);25});26var UserContext = require('argos-sdk/src/UserContext');27var userContext = new UserContext();28userContext.isRegistered().then(function(isRegistered) {29    console.log('isRegistered: ' + isRegistered);30});

Using AI Code Generation

1var UserContext = require('argos-sdk/src/UserContext');2var userContext = new UserContext();3userContext.getUser();4var UserContext = require('argos-sdk/src/UserContext');5var userContext = new UserContext();6userContext.getUser();7var UserContext = require('argos-sdk/src/UserContext');8var userContext = new UserContext();9userContext.getUserAttribute('userName');10var UserContext = require('argos-sdk/src/UserContext');11var userContext = new UserContext();12userContext.getUserPreferences();13var UserContext = require('argos-sdk/src/UserContext');14var userContext = new UserContext();15userContext.getUserPreference('locale');

Using AI Code Generation

1var sdk = require('argos-sdk');2var userContext = new sdk.UserContext();3userContext.getUserId(function(id){4    console.log(id);5});6var sdk = require('argos-sdk');7var userContext = new sdk.UserContext();8userContext.getUserName(function(name){9    console.log(name);10});11var sdk = require('argos-sdk');12sdk.UserContext.getUserId(function(id){13    console.log(id);14});15var sdk = require('argos-sdk');16sdk.UserContext.getUserName(function(name){17    console.log(name);18});19var sdk = require('argos-sdk');20sdk.UserContext.setUser('userId', 'userName');

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.