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

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

ሳይፕረስ አውቶሜሽን ማዕቀፍ በዋናነት በዘመናዊ የድረ-ገጽ አፕሊኬሽኖች ውስጥ የፊት-መጨረሻ ሙከራ ላይ የሚያተኩር ንጹህ ጃቫስክሪፕት ላይ የተመሰረተ የሙከራ መሳሪያ ነው። በሳይፕረስ፣ አፕሊኬሽኖች የሙከራ አፈፃፀሙን ለመመስከር በምስላዊ በይነገጽ ለመፈተሽ ቀላል ናቸው። ስለዚህ ሳይፕረስ ለሁለቱም ገንቢዎች እና የ 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/. አሁን በማውረድ ገጹ ላይ ይወርዳሉ።

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 በቪኤስ ኮድ ማውረድ ገጽ ላይ ለማረፍ።

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

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

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

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

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

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

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

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

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

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

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

npm init

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

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

• 4. አስገባን ከጫኑ በኋላ ተርሚናል ያቀረቧቸውን ሁሉንም ዝርዝሮች በመዘርዘር ማረጋገጫ ይጠይቃል። ዓይነት አዎ እና እንደገና አስገባን ይጫኑ።

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

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

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

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

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

npm install cypress --save-dev

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

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

ቀጥታ አውርድ

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

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

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