ሳይፕረስ አውቶሜሽን: ከእሱ ጋር የተያያዙ 15 አስፈላጊ ነገሮች

በዚህ መማሪያ ውስጥ ስለ ሳይፕረስ አውቶሜሽን መዋቅር በዝርዝር እንነጋገራለን. በዚህ ጽሑፍ ውስጥ ሳይፕረስ ምን እንደ ሆነ ፣ ከሌሎች የሙከራ ማዕቀፎች እንዴት እንደሚለይ ፣ የሳይፕረስ አርክቴክቸር እና የመጫን ሂደቱን እንሸፍናለን ። ሳይፕረስ አስደሳች ርዕስ ነው እና መማርም አስደሳች ነው። እንጀምር!

ሳይፕረስ አውቶሜሽን መዋቅር

ሳይፕረስ አውቶሜሽን ማዕቀፍ በዋናነት በዘመናዊ የድረ-ገጽ አፕሊኬሽኖች ውስጥ የፊት-መጨረሻ ሙከራ ላይ የሚያተኩር ንጹህ ጃቫስክሪፕት ላይ የተመሰረተ የሙከራ መሳሪያ ነው። በሳይፕረስ፣ አፕሊኬሽኖች የሙከራ አፈፃፀሙን ለመመስከር በምስላዊ በይነገጽ ለመፈተሽ ቀላል ናቸው። ስለዚህ ሳይፕረስ ለሁለቱም ገንቢዎች እና የ QA መሐንዲሶች ስክሪፕት መፃፍ እና አፈፃፀሙን ቀላል በማድረግ እንደ ጥሩ ነገር ይመጣል። በተጨማሪም፣ ልዩ ከሆነ የፈተና ሯጭ ጋር አብሮ ይመጣል፣ ይህም የ DOM ማጭበርበርን ቀላል ያደርገዋል እና በቀጥታ በአሳሹ ላይ ይሰራል።

ይዘት ማውጫ

ሳይፕረስ ምንድን ነው?

ሳይፕረስ ፈጣን፣ የተሻለ እና በአሳሽ ላይ የሚሰራ ትክክለኛ ፍተሻ ይሰጣል።ሳይፕረስ በዋናነት ከሴሊኒየም ጋር ይነጻጸራል፣ነገር ግን ፍጹም የተለየ ነው። ሳይፕረስ በሴሊኒየም አናት ላይ አይሰራም, ይህ ማለት ሙሉ በሙሉ ራሱን የቻለ ነው. በምትኩ ሳይፕረስ በሞቻ አናት ላይ ይሰራል፣ እሱም እንደገና በጃቫስክሪፕት የበለፀገ የሙከራ ማዕቀፍ ነው። ሰፊ የቢዲዲ እና የTDD ማረጋገጫዎችን መድረስ ከሚችለው ከቻይ ማረጋገጫ ቤተ-መጽሐፍት ጋር ብቻ ተኳሃኝ ነው።

ሳይፕረስ በዋነኛነት የሚያተኩረው በሦስት የተለያዩ የምርመራ ዓይነቶች ላይ ነው።. እነሱም ከመጨረሻ እስከ መጨረሻ ፈተናዎች፣ የዩኒት ፈተናዎች እና የውህደት ፈተናዎች ናቸው። ሳይፕረስ በአሳሽ ውስጥ ሊሰሩ የሚችሉ ማንኛውንም ሙከራዎችን ሊያደርግ ይችላል። በተጨማሪም፣ ወደ ፊት-ፍጻሜ ሙከራ ከሚጓጉ የተለያዩ የማሾፍ ችሎታዎች እና ማረጋገጫዎች ጋር አብሮ ይመጣል።

ሳይፕረስ የሚደግፋቸው አሳሾች Chrome፣ Firefox፣ Edge፣ Electron እና Brave ናቸው። ከዚህም በላይ የአሳሽ ሙከራ በሳይፕረስ በቀላሉ ሊገኝ ይችላል። በመጨረሻም ሳይፕረስ ጃቫ ስክሪፕትን ብቻ የሚደግፍ ቢሆንም በዋናነት በጃቫ ስክሪፕት የተጻፈ በTypescript ሊጻፍ ይችላል።

ሳይፕረስ አውቶሜሽን

ሳይፕረስ ከነጻ የሙከራ ሯጭ ጋር ክፍት ምንጭ መሳሪያ ነው ነገር ግን ለቡድኖች እና ንግዶች ለዳሽቦርድ የሚያስከፍሉዎትን ዋጋ ይለያያል። ሆኖም እንደ Flake detection፣ የኢሜል ድጋፍ፣ የጂራ ውህደት እና ሌሎች ተጨማሪ ባህሪያትን እስካላገኙ ድረስ ዳሽቦርድ በተወሰነ ደረጃ ነፃ ነው።

ሳይፕረስ በዋናነት በድር ላይ ስክሪፕቶችን በራስ ሰር ለመስራት (በአሳሽ ላይ የሚሰራውን ማንኛውንም ነገር በራስ ሰር ማድረግ ይችላል) ይጠቅማል። ቤተኛ የሞባይል አፕሊኬሽኖች ላይ በፍፁም ሊሰራ አይችልም ነገር ግን አንዳንድ የሞባይል አፕሊኬሽኖቹ በአሳሽ ውስጥ ከተሰሩ አንዳንድ ተግባራትን በራስ ሰር ሊያሰራ ይችላል።

ዋና መለያ ጸባያት

በሳይፕረስ ውስጥ ከማንኛውም ሌላ አውቶማቲክ መሳሪያ የሚለዩ ብዙ አስደናቂ ባህሪያት አሉ። እዚህ፣ አንዳንድ ዋና ዋና ባህሪያትን እንወያይ፣ እና የሙከራ ጉዳዮቻችንን መፃፍ ከጀመርን በኋላ ወደ ሌሎች ክፍሎች እናስተዋውቃለን።

  1. ራስ-ሰር መጠበቅ - ሳይፕረስ በራስ-ሰር የመጠበቅ ጥቅም አለው። DOM ንጥረ ነገሩን እስኪያመጣ ድረስ ለመጠበቅ የኃይል ጥበቃዎችን እና እንቅልፍን መጨመር አያስፈልገንም። ሳይፕረስ ከኤለመንቶች ጋር ማንኛውንም መስተጋብር እና የማረጋገጫ አፈፃፀምን በራስ-ሰር ይጠብቃል። ስለዚህ ፈተናዎች ፈጣን ናቸው!
  2. የጊዜ ጉዞ - ሳይፕረስ በሙከራ አፈፃፀም ወቅት ቅጽበታዊ ገጽ እይታዎችን ይይዛል። በዳሽቦርድ ውስጥ በተፈጸሙ ትዕዛዞች ላይ ብቻ በማንዣበብ ውጤቱን በቅጽበት ማየት እንችላለን። በዚህ መንገድ, ፈተናዎቹ ለማረም ቀላል ናቸው
  3. የማረም ሙከራዎች - ሳይፕረስ እንደ ገንቢ መሳሪያዎች ካሉ ታዋቂ መሳሪያዎች ሙከራዎችን ማረም ይችላል። ስህተቶቹ ሊነበቡ የሚችሉ ናቸው, እና ቁልሎች በቀላሉ ይገኛሉ.
  4. የድድ ጥያቄዎች - ሳይፕረስ የተግባር ባህሪያትን ፣ የአውታረ መረብ ምላሾችን ፣ በ stubs እና ሰላዮች የሚጠቀሙበት ጊዜ ቆጣሪዎችን ለማረጋገጥ እና ለመቆጣጠር አማራጮች አሉት።
  5. ተከታታይ ማዋሃድ - ሳይፕረስ በማንኛውም ተጨማሪ የ CI አገልግሎቶች ላይ የተመካ አይደለም. ነገር ግን፣ ለሙከራ ትዕዛዙን በማስኬድ ላይ፣ ውህደት በቀላሉ ተደራሽ ነው።

ስለ ሳይፕረስ አፈ ታሪክ

ሳይፕረስ የሚሠራው በጃቫ ስክሪፕት ተስማሚ በሆኑ የድር መተግበሪያዎች ላይ ብቻ ነው የሚል ተረት አለ። ነገር ግን ሳይፕረስ በጃንጎ፣ Ruby on Rails፣ Laravel, ወዘተ የተገነቡ ማንኛውንም የድር መተግበሪያዎችን መሞከር ይችላል። በተጨማሪም ሳይፕረስ ማንኛውንም የፕሮግራም አወጣጥ ቋንቋዎችን እንደ ፒኤችፒ፣ ፓይዘን፣ ሩቢ፣ ሲ# ወዘተ ይደግፋል።ነገር ግን ፈተናዎቻችንን በጃቫስክሪፕት እንጽፋለን። ; ከዚህም ባሻገር ሳይፕረስ በማንኛውም መተግበሪያ ላይ ይሰራል.

የሳይፕረስ አካላት

በሳይፕረስ ውስጥ ሁለት ዋና ዋና ክፍሎች አሉ. ናቸው የሙከራ ሯጭ ና ዳሽቦርድ.

ሳይፕረስ
የሳይፕረስ ሙከራ ሯጭ
የሳይፕረስ ሙከራ ባህሪ

የሙከራ ሯጭ - ሳይፕረስ ይህንን ልዩ የሙከራ ሯጭ ያቀርባል ፣ ተጠቃሚው በሚተገበርበት ጊዜ ትእዛዞቹን ማየት የሚችልበት እና በሙከራ ላይ ባለው መተግበሪያ።

በሙከራ ሯጭ ስር ጥቂት ንዑስ ክፍሎች አሉ። ናቸው

  1. የትእዛዝ መዝገብ - ይህ የሙከራ ስብስብ ምስላዊ መግለጫ ነው። በሙከራው ውስጥ የተፈጸሙትን ትእዛዞች፣ የማረጋገጫ ዝርዝሮች እና የሙከራ ብሎኮች ማየት ይችላሉ።
  2. የሙከራ ሁኔታ ምናሌ - ይህ ምናሌ ያለፉ ወይም ያልተሳካላቸው የፈተና ጉዳዮች ብዛት እና ለአፈፃፀም የወሰዱትን ጊዜ ያሳያል ።
  3. የዩአርኤል ቅድመ እይታ - ይህ ሁሉንም የዩአርኤል መንገዶችን ለመከታተል እየሞከሩት ስላለው ዩአርኤል መረጃ ይሰጥዎታል።
  4. የመመልከቻ መጠን - የተለያዩ ምላሽ ሰጪ አቀማመጦችን ለመሞከር የመተግበሪያውን የእይታ መጠን ማዘጋጀት ይችላሉ።
  5. የመተግበሪያ ቅድመ እይታ - ይህ ክፍል በቅጽበት የሚሰሩ ትዕዛዞችን ያሳያል። እዚህ እያንዳንዱን መሠረት ለማረም ወይም ለመመርመር Devtoolsን መጠቀም ይችላሉ።

ዳሽቦርድ ሳይፕረስ ዳሽቦርድ እየተመዘገቡ ያሉትን ፈተናዎች የመድረስ ችሎታ ይሰጣል። በዳሽቦርድ አገልግሎት ያለፉ፣ ያልተሳኩ ወይም የተዘለሉ ፈተናዎች ብዛት መመስከር እንችላለን። እንዲሁም፣ cyን በመጠቀም ያልተሳኩ ሙከራዎችን ቅጽበተ-ፎቶዎችን ማየት እንችላለን። ቅጽበታዊ ገጽ እይታ () ትዕዛዝ. እንዲሁም ሙሉውን የፈተና ቪዲዮ ወይም ያልተሳኩ ፈተናዎች ቅንጥብ መመስከር ትችላለህ።

ሳይፕረስ አርክቴክቸር

አብዛኛዎቹ የሙከራ መሳሪያዎች ከአሳሹ ውጭ በአገልጋዩ ላይ ይሰራሉ ​​እና በአውታረ መረቡ ላይ ትዕዛዞችን ያስፈጽማሉ። ነገር ግን ሳይፕረስ አፕሊኬሽኑ በሚሰራበት ብሮውዘር ላይ ይሰራል። በዚህ መንገድ ሁሉንም የ DOM አካላት እና በአሳሹ ውስጥ ያሉትን ሁሉንም ነገሮች መድረስ ይችላል።

የመስቀለኛ መንገድ አገልጋይ ከሳይፕረስ ጀርባ በደንበኛ በኩል ይሰራል። ስለዚህ, የመስቀለኛ መንገድ አገልጋይ እና ሳይፕረስ እርስ በርስ ይገናኛሉ, አብረው ይሄዳሉ እና አፈፃፀሙን ለመደገፍ ተግባራትን ያከናውናሉ. ለሁለቱም የፊት እና የኋላ ጫፍ መዳረሻ ስላለው በአፈፃፀም ወቅት ለመተግበሪያው በእውነተኛ ጊዜ ያለው ምላሽ በጥሩ ሁኔታ የተከናወነ ሲሆን ከአሳሹ ውጭም የሚሰሩ ተግባራትን ማከናወን ይችላል።

ሳይፕረስ አርክቴክቸር

ሳይፕረስ ከአውታረ መረብ ንብርብር ጋር ይገናኛል እና ትዕዛዞችን ይይዛል የድር ትራፊክን በማንበብ እና በመቀየር. በመጨረሻም ሳይፕረስ የኤችቲቲፒ ጥያቄዎችን እና ምላሾችን ከመስቀለኛ አገልጋዩ ወደ አሳሹ ይልካል። ሳይፕረስ የሚሠራው በኔትወርክ ንብርብር ውስጥ ስለሆነ፣ በድር አሳሹ አውቶማቲክ ላይ ጣልቃ ሊገባ የሚችለውን ኮድ ለማሻሻል ይረዳል። በመስቀለኛ አገልጋይ እና በአሳሹ መካከል ያለው ግንኙነት በዌብሶኬት በኩል ነው፣ ይህም ተኪው ከተጀመረ በኋላ መፈጸም ይጀምራል።

ሳይፕረስ በአሳሹ ውስጥ የሚገቡትን እና የሚወጡትን ሁሉንም ትዕዛዞች ይቆጣጠራል። በአካባቢው ማሽን ውስጥ ስለተጫነ ቪዲዮዎችን ለመቅረጽ, ቅጽበተ-ፎቶዎችን ለመቅረጽ, የአውታረ መረብ ንብርብርን ለመድረስ እና የፋይል ስርዓት ስራዎችን በቀላሉ ለማከናወን ከስርዓተ ክወናው ጋር በቀጥታ ይገናኛል. ሳይፕረስ ሁሉንም ነገር ከDOM፣ ከመስኮት ነገሮች፣ ከአካባቢው ማከማቻ፣ ከአውታረ መረብ ንብርብር እና ከ DevTools ማግኘት ይችላል።

ሳይፕረስን ጫን

ይህ ክፍል የፈተና ጉዳዮቻችንን ከመጻፍዎ በፊት መከተል ያለበትን የመጫን ሂደት ያብራራል። ሳይፕረስን ለማውረድ ሁለት የተለያዩ መንገዶች አሉ። ናቸው

  1. በ npm በኩል ጫን
  2. ቀጥታ አውርድ

ሳይፕረስን ከመጫንዎ በፊት በ npm መጫኑን ለመጀመር ጥቂት ቅድመ-ሁኔታዎች ያስፈልጉን ይሆናል። በዝርዝር እንያቸው።

ቅድመ-ሁኔታዎች

የፈተና ጉዳዮቻችንን ከመጻፍዎ በፊት የተወሰኑ ቅድመ ሁኔታዎችን እንፈልጋለን።

  • ከላይ እንደተብራራው ሳይፕረስ በመስቀለኛ መንገድ አገልጋይ ላይ ይሰራል; ስለዚህ Node.js ን መጫን አለብን።
  • እንዲሁም፣ የፈተና ጉዳዮቻችንን ለመጻፍ፣ ኮድ አርታዒ ወይም IDE እንፈልጋለን።

በዚህ ምሳሌ፣ ቪዥዋል ስቱዲዮ ኮድን እንጠቀማለን። ስለዚህ ወደ ዝርዝር ጉዳዮች እንዝለቅ።

Node.js በ Mac ውስጥ መጫን

እዚህ፣ በ Mac ውስጥ Node.js ን የማውረድ እርምጃዎችን እንወያይበታለን። ሂድ ወደ https://nodejs.org/en/download/. አሁን በማውረድ ገጹ ላይ ይወርዳሉ።

የመስቀለኛ መንገድ ጥቅል በ macOs ውስጥ

1. MacOS ጫኝ ላይ ጠቅ ያድርጉ. ጠቅ ሲያደርጉ ከዚህ በታች የወረደ የጥቅል ፋይል ማግኘት ይችላሉ። Node.js ን ለመጫን pkg ፋይል ላይ ጠቅ ያድርጉ

የመጫኛ መግቢያ

2. አንዴ የ.pkg ፋይሉን ጠቅ ካደረጉ በኋላ የኖድ ጫኝ ይከፈታል። የመግቢያ ክፍሉ የ Node.js እና npm ስሪቶችን ይሰጥዎታል። ቀጥል የሚለውን ጠቅ ያድርጉ

ፍቃድ ተስማማ
ጫኚ ውስጥ መዳረሻ ፍቀድ

3. እስማማለሁ የሚለውን ቁልፍ ጠቅ ያድርጉ እና ይቀጥሉ። በአውርድ አቃፊ ውስጥ ወደ ፋይሎችዎ መዳረሻ የሚፈቅድ ብቅ ባይ ይመጣል። እሺን ጠቅ ያድርጉ።

መድረሻ ይምረጡ

4. በዚህ ክፍል Node.js መውረድ ያለበትን መድረሻ መምረጥ ይችላሉ። እንደገና፣ በእርስዎ የስርዓት ቦታ መሰረት መምረጥ ይችላሉ። እዚህ ነባሪውን ቦታ እየመረጥኩ ነው።

መጫን አይነት
ለመጫን የተጠቃሚ ስም እና የይለፍ ቃል ያስገቡ

5. የመጫን ቁልፍን ጠቅ ያድርጉ። አንዴ ጠቅ ካደረጉ በኋላ የስርዓትዎን ይለፍ ቃል የሚጠይቅ ብቅ ባይ ይነሳል። የይለፍ ቃልዎን ያስገቡ እና ሶፍትዌርን ጫን ላይ ጠቅ ያድርጉ።

የማጠቃለያ ማጠቃለያ

6. ሁሪ! Node.js እና npm ጥቅል ጭነናል። መጫኑን ለመጨረስ ዝጋ የሚለውን ጠቅ ያድርጉ።

ቪዥዋል ስቱዲዮ ኮድ ጭነት በ Mac

Node.js በተሳካ ሁኔታ ጭነናል። አሁን የኛን ኮድ አርታዒ ቪዥዋል ስቱዲዮ ኮድ እንጭን። ቪኤስ ኮድ ሁሉንም አብሮ የተሰሩ የጃቫስክሪፕት ተግባራት ያለው ኃይለኛ መሳሪያ ነው። ስለዚህ ወደ ቪዥዋል ስቱዲዮ ኮድ የመጫኛ ደረጃዎች እንዝለቅ።

እዚህ በ Mac ውስጥ የቪኤስ ኮድ ለማውረድ ደረጃዎችን እንነጋገራለን. መጀመሪያ ወደ ሂድ https://code.visualstudio.com/download በቪኤስ ኮድ ማውረድ ገጽ ላይ ለማረፍ።

ቪኤስ ኮድ በ Mac ውስጥ ጫን

1. የማክ አዶን ጠቅ ያድርጉ. ከዚህ በታች የሚወርድ ጥቅል ማየት ይችላሉ።

በዚፕ ውስጥ የተጫነ ጥቅል

2. ጥቅሉን ዚፕ ለመክፈት የወረደውን ፋይል ጠቅ ያድርጉ። አንዴ ከተከፈቱ የ Visual Studio Codeን በእርስዎ አውርዶች ውስጥ በፈላጊ ውስጥ ማግኘት ይችላሉ።

በውርዶች ውስጥ VS ኮድ

3. ሁሪ! የኛን ኮድ አርታኢ አውርደናል። ቪዥዋል ስቱዲዮ ኮድ ለመክፈት አዶውን ጠቅ ያድርጉ።

አዲስ የሳይፕረስ ፕሮጀክት መፍጠር

አሁን በእኛ ቪዥዋል ስቱዲዮ ኮድ ውስጥ አዲስ የመስቀለኛ መንገድ ፕሮጀክት እንዴት መፍጠር እንደምንችል እንመለከታለን። አንዴ የቪኤስ ኮድ አዶውን ጠቅ ካደረጉ በኋላ የእንኳን ደህና መጡ ገጽ ላይ ይወርዳሉ። በመቀጠል አዲስ አቃፊ ለመፍጠር የስራ ቦታን ጨምር የሚለውን ጠቅ ያድርጉ።

አዲስ ፕሮጀክት መፍጠር

አንዴ ማህደሩን ጠቅ ካደረጉ በኋላ አዲስ ማህደር ለመጨመር የሚጠይቅ ብቅ ባይ ያገኛሉ። አሁን የስራ ቦታውን ለመጨመር የሚፈልጉትን ቦታ ጠቅ ያድርጉ. በመቀጠል አዲስ አቃፊን ጠቅ ያድርጉ እና የአቃፊውን ስም እንደ CypressProject ያክሉ እና ክፈትን ጠቅ ያድርጉ።

አዲስ አቃፊ መፍጠር

አሁን ለሳይፕረስ ፈተናችን አቃፊ ፈጥረናል። ፈተናዎቻችንን መጻፍ ከመጀመራችን በፊት የ pack.json ፋይልን መጫን አለብን። ከመጫንዎ በፊት፣ pack.json ፋይል ምን እንደሆነ እንረዳ።

Package.json ፋይል ምንድን ነው?

Package.json በፋይል ውስጥ ያሉትን ሁሉንም የ npm ጥቅሎች ያጠቃልላል፣ ብዙ ጊዜ በፕሮጀክት ስር ይገኛል። እሱ በተለምዶ በ Node.js ፕሮጀክት ስር ማውጫ ውስጥ ይገኛል። ይህ ፋይል ለፕሮጀክቱ አስፈላጊ የሆኑትን ሁሉንም ሜታዳታ ይይዛል። ሁሉንም መረጃ ለ npm ይሰጣል እና ፕሮጀክቱን ለመለየት እና ጥገኞችን ለመቆጣጠር ይረዳል። Package.json ፋይል እንደ የፕሮጀክት ስም፣ ስሪቶች፣ ፍቃድ፣ ጥገኞች እና ሌሎች ብዙ መረጃዎችን ይዟል።
አሁን pack.json ፋይል ምን እንደሆነ ተረድተናል። ስለዚህ ፋይሉን ለማውረድ በ Visual Studio Code ውስጥ ያሉትን ደረጃዎች እንጀምር።

ተርሚናል ክፈት

1. ትዕዛዞቻችንን ለማስፈጸም ተርሚናል መክፈት አለብን። በቪኤስ ኮድ ላይኛው ክፍል ላይ ጠቅ ያድርጉ የባቡር መጪረሻ ጣቢያ. አንዴ ተቆልቋዩ ከተከፈተ በኋላ ይንኩ። አዲስ ተርሚናል.

pack.json ፋይልን ጫን

2. ተርሚናል ከተከፈተ በኋላ በፕሮጀክት ማውጫው ውስጥ የሚከተለውን ትዕዛዝ ይፃፉ እና አስገባን ይጫኑ።

npm init

3. አስገባን ከጫኑ በኋላ የሚታየውን የተወሰነ መረጃ ማየት ይችላሉ። በተርሚናል ውስጥ የሚፈለጉትን ዝርዝሮች በመተየብ ሁሉንም መስኮች ለማግኘት አስገባን ይጫኑ።

የፕሮጀክት ዝርዝሮች
  • የጥቅል ስም: ለጥቅልዎ ማንኛውንም ስም መስጠት ይችላሉ. እኛ በፈጠርነው የአቃፊ ስም ቀድሞ ስለተሞላ ባዶ ትቼዋለሁ።
  • ትርጉም: ይህ የ npm ስሪት መረጃን ይሰጣል. ይህንን መዝለል እና አስገባን መጫን ይችላሉ።
  • መግለጫ: እዚህ, ለጥቅሉ አንድ ተጨማሪ መረጃ መስጠት ይችላሉ. ከተፈለገ መግለጫውን ይተይቡ እና አስገባን እንደገና ይጫኑ።
  • የመግቢያ ነጥብ: ይህ የመተግበሪያውን መግቢያ ነጥብ ያመለክታል. በ index.js አስቀድሞ የተሞላ ስለሆነ፣ ይህንን መስክ መዝለል እና አስገባን መጫን እንችላለን።
  • የሙከራ ትዕዛዝፈተናውን ለማስኬድ የተሰጠ ትእዛዝ። እዚህ ምንም ትዕዛዞችን መስጠት አስፈላጊ አይደለም, ነገር ግን አስፈላጊ ከሆነ, ማንኛውንም ትዕዛዝ በእርግጠኝነት መስጠት ይችላሉ.
  • የጂት ማከማቻ: ይህ መስክ ወደ git ማከማቻ የሚወስደውን መንገድ ይፈልጋል። ይህንን መስክ እንዲሁ ባዶ መተው ይችላሉ።
  • ቁልፍ ቃላትፕሮጀክቱን ለመለየት የሚረዱ ልዩ ቁልፍ ቃላት። ይህንን መስክም መዝለል ይችላሉ።
  • ደራሲብዙውን ጊዜ ይህ የሰውዬው የተጠቃሚ ስም ነው። ስምዎን ማከል እና አስገባን መጫን ይችላሉ.
  • ፈቃድፈቃድ በ ISC ቀድሞ ተሞልቷል። አስገባን በመጫን መቀጠል ይችላሉ።
  • 4. አስገባን ከጫኑ በኋላ ተርሚናል ያቀረቧቸውን ሁሉንም ዝርዝሮች በመዘርዘር ማረጋገጫ ይጠይቃል። ዓይነት አዎ እና እንደገና አስገባን ይጫኑ።
Package.json ፋይል መፍጠር ማረጋገጫ

አሁን የ pack.json ፋይል ፈጥረናል። በሰጠነው መረጃ ፋይሉን በኮድ አርታኢዎ ውስጥ ማየት ይችላሉ።

Package.json ፋይል ተፈጠረ

የሳይፕረስ ጭነት ደረጃዎች

ለሳይፕረስ ማውረድ፣ መስቀለኛ መንገድ እና ጅማሬ npm ሁሉንም ቅድመ-ሁኔታዎች ጭነናል። ከላይ እንደተጠቀሰው ሳይፕረስን ለማውረድ ሁለት መንገዶች አሉ.

ሳይፕረስን በ npm ያውርዱ

ሳይፕረስን ለመጫን ከዚህ በታች የተጠቀሰውን ትዕዛዝ በተርሚናል ውስጥ ማለፍ አለብዎት. በተጨማሪም, መስቀለኛ መንገድን ለመጫን እና የ pack.json ፋይልን ለመፍጠር በፕሮጀክት ማውጫ ውስጥ ያለውን ትዕዛዝ መስጠት አለብዎት.

npm install cypress --save-dev
የሳይፕረስ ጭነት ትእዛዝ

ትዕዛዙን ካለፉ በኋላ, ለፕሮጀክቱ የሚያስፈልጉትን ሁሉንም ተዛማጅነት ያላቸው ጥገኛዎች ያወርዳል. በዚህ ጽሑፍ ሲጻፍ, የቅርብ ጊዜው የሳይፕረስ ስሪት ነው 7.7.0. በሚያወርዱበት ጊዜ ስሪቱ ሊለያይ ይችላል።

ስኬታማ ሳይፕረስ መጫን

ከላይ ካለው ምስል ጋር በማጣቀስ, ሳይፕረስን እንደወረድን ማየት ይችላሉ. በተርሚናል ውስጥ በወረደው ውክልና እና በጥቅል.json ፋይል ውስጥ ያሉ ጥገኞችን በመጨመር ማረጋገጥ ይችላሉ።

ቀጥታ አውርድ

በፕሮጀክቱ ውስጥ የ Node ወይም npm ጥቅል እየተጠቀሙ ካልሆኑ ሳይፕረስን ከሲዲኤን በቀጥታ ማውረድ እንችላለን። ነገር ግን፣ ሙከራዎችን በዳሽቦርድ መቅዳት በቀጥታ ማውረድ አይቻልም።

ከዚህ በቀጥታ ሳይፕረስ ማውረድ የሚለውን ጠቅ በማድረግ ማውረድ ይችላሉ። ማያያዣ. ይህ አሁን ጥቅሉን በቀጥታ ያወርዳል. ጥቅሉ አንዴ እንደወረደ ዚፕ ፋይሉን ይክፈቱ እና ሁለቴ ጠቅ ያድርጉ። ሳይፕረስ ምንም አይነት የጥገኛ መትከል ሳያስፈልገው ይሰራል። ይህ ውርድ ሁልጊዜ የቅርብ ጊዜውን ስሪት መሰረት አድርጎ ይወስዳል፣ እና መድረኩ በራስ-ሰር ተገኝቷል። ነገር ግን ሳይፕረስን በ npm ማውረድ በቀጥታ ከማውረድ ይልቅ ይመከራል።

በቴክኖሎጂ ላይ ለበለጠ ልጥፍ፣ እባክዎን የእኛን ይጎብኙ የቴክኖሎጂ ገጽ.

ወደ ላይ ሸብልል