Merge pull request 'DONE: Bug540-XiongJiaming' (#125) from Bug540-XiongJiaming into Alpha-snapshot20240618
Reviewed-on: mrlan/EnglishPal#125Bug536-Jiangwangzhe
commit
44d9c39d4b
|
|
@ -84,10 +84,18 @@
|
|||
</div>
|
||||
|
||||
<p><b>阅读文章并回答问题</b></p>
|
||||
|
||||
<div id="text-content">
|
||||
<div id="found">
|
||||
<div class="alert alert-success" role="alert">According to your word list, your level is <span class="text-decoration-underline" id="user_level">{{ today_article["user_level"] }}</span> and we have chosen an article with a difficulty level of <span class="text-decoration-underline" id="text_level">{{ today_article["text_level"] }}</span> for you. The Oxford word coverage is <span class="text-decoration-underline" id="ratio">{{ (today_article["ratio"] * 100) | int }}%.</span></div>
|
||||
<p class="text-muted" id="date">Article added on: {{ today_article["date"] }}</p><br/>
|
||||
|
||||
<button onclick="saveArticle()" >标记文章</button>
|
||||
<select id="saved_articles_dropdown">
|
||||
<!-- 这里将显示已经保存的文章 -->
|
||||
<option></option>
|
||||
</select>
|
||||
|
||||
<div class="p-3 mb-2 bg-light text-dark" style="margin: 0 0.5%;"><br/>
|
||||
<p class="display-6" id="article_title">{{ today_article["article_title"] }}</p><br/>
|
||||
<p class="lead"><font id="article">{{ today_article["article_body"] }}</font></p><br/>
|
||||
|
|
@ -334,6 +342,84 @@
|
|||
$('#read_all').show();
|
||||
}
|
||||
}
|
||||
function saveArticle() {
|
||||
const article = {
|
||||
user_level: document.getElementById('user_level').innerText,
|
||||
text_level: document.getElementById('text_level').innerText,
|
||||
date: document.getElementById('date').innerText.replace('Article added on: ', ''),
|
||||
article_title: document.getElementById('article_title').innerText,
|
||||
article_body: document.getElementById('article').innerText,
|
||||
source: document.getElementById('source').innerText,
|
||||
question: document.getElementById('question').innerText,
|
||||
answer: document.getElementById('answer').innerText
|
||||
};
|
||||
|
||||
const articleJSON = JSON.stringify(article);
|
||||
const articleTitle = article.article_title;
|
||||
const savedArticlesDropdown = document.getElementById('saved_articles_dropdown');
|
||||
|
||||
var option = document.createElement('option');
|
||||
option.text = articleTitle;
|
||||
option.value = articleJSON; // 存储序列化的JSON字符串
|
||||
option.title = article.article_title;
|
||||
savedArticlesDropdown.appendChild(option);
|
||||
localStorage.setItem(articleTitle, articleJSON); // 以文章标题为键，序列化的JSON字符串为值存储
|
||||
}
|
||||
function loadSelectedArticle() {
|
||||
const selectedOption = document.getElementById('saved_articles_dropdown');
|
||||
const selectedTitle = selectedOption.options[selectedOption.selectedIndex].text;
|
||||
const articleJSON = localStorage.getItem(selectedTitle);
|
||||
|
||||
if (articleJSON) {
|
||||
const today_article = JSON.parse(articleJSON); // 解析JSON字符串为对象
|
||||
update(today_article); // 使用解析出的对象更新页面
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
const savedArticlesDropdown = document.getElementById('saved_articles_dropdown');
|
||||
savedArticlesDropdown.addEventListener('change', loadSelectedArticle);
|
||||
|
||||
// 先清空dropdown，以防有多余的选项或重新加载页面时出现重复
|
||||
savedArticlesDropdown.innerHTML = '';
|
||||
|
||||
// 获取localStorage中最后一个（最新）的键值对
|
||||
let latestKey, latestValue;
|
||||
for (let i = 0; i < localStorage.length; i++) {
|
||||
const key = localStorage.key(i);
|
||||
const value = localStorage.getItem(key);
|
||||
if (!latestKey) { // 第一次迭代时设置最新文章
|
||||
latestKey = key;
|
||||
latestValue = value;
|
||||
}
|
||||
}
|
||||
|
||||
// 首先添加最新保存的文章到下拉菜单
|
||||
|
||||
if (latestKey && latestValue) {
|
||||
var latestOption = document.createElement('option');
|
||||
latestOption.text = latestKey;
|
||||
latestOption.value = latestValue;
|
||||
latestOption.title = latestValue;
|
||||
savedArticlesDropdown.appendChild(latestOption);
|
||||
}
|
||||
|
||||
// 接着遍历其余文章并添加到下拉菜单
|
||||
for (let i = 0; i < localStorage.length; i++) {
|
||||
const key = localStorage.key(i);
|
||||
const value = localStorage.getItem(key);
|
||||
// 确保不重复添加最新文章
|
||||
if (key !== latestKey && key !== 'selectedWords') {
|
||||
var option = document.createElement('option');
|
||||
option.text = key;
|
||||
option.value = value;
|
||||
option.title = value;
|
||||
savedArticlesDropdown.appendChild(option);
|
||||
}
|
||||
}
|
||||
|
||||
savedArticlesDropdown.selectedIndex = -1;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,45 @@
|
|||
from selenium.webdriver.common.by import By
|
||||
from selenium.webdriver.support.ui import WebDriverWait
|
||||
from selenium.webdriver.support import expected_conditions as EC
|
||||
import logging
|
||||
|
||||
from helper import signup
|
||||
|
||||
def login(driver, home, uname, password):
|
||||
driver.get(home)
|
||||
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.LINK_TEXT, '登录'))).click()
|
||||
driver.find_element(By.ID, 'username').send_keys(uname)
|
||||
driver.find_element(By.ID, 'password').send_keys(password)
|
||||
driver.find_element(By.XPATH, '//button[text()="登录"]').click()
|
||||
WebDriverWait(driver, 10).until(EC.title_is(f"EnglishPal Study Room for {uname}"))
|
||||
|
||||
def logout(driver):
|
||||
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.LINK_TEXT, '退出'))).click()
|
||||
|
||||
# 标记文章
|
||||
def collect_article(driver):
|
||||
driver.find_element(By.XPATH, '//button[text()="标记文章"]').click()
|
||||
|
||||
def test_collect_article(driver, URL):
|
||||
try:
|
||||
username, password = signup(URL, driver)
|
||||
title = driver.find_element(By.ID, 'article_title').text
|
||||
article = driver.find_element(By.ID, 'article').text
|
||||
|
||||
collect_article(driver)
|
||||
collected_title = driver.execute_script('return localStorage.getItem("articleTitle");')
|
||||
assert title == collected_title, "Unable to add the article to your collection."
|
||||
|
||||
# 退出登录
|
||||
logout(driver)
|
||||
|
||||
# 再次登录并检查收藏状态
|
||||
login(driver, URL, username, password)
|
||||
rechecked_title = driver.execute_script('return localStorage.getItem("articleTitle");')
|
||||
assert title == rechecked_title, "Collected article not found after re-login."
|
||||
|
||||
except Exception as e:
|
||||
# 输出异常信息
|
||||
logging.error(e)
|
||||
finally:
|
||||
driver.quit()
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
''' Contributed by Lin Junhong et al. 2023-06.'''
|
||||
|
||||
from selenium import webdriver
|
||||
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
|
||||
|
||||
from selenium.webdriver.support.ui import WebDriverWait
|
||||
from selenium.webdriver.support import expected_conditions as EC
|
||||
from selenium.common.exceptions import UnexpectedAlertPresentException, NoAlertPresentException
|
||||
import random, time
|
||||
import string
|
||||
|
||||
# 初始化webdriver
|
||||
# driver = webdriver.Remote('http://localhost:4444/wd/hub', DesiredCapabilities.CHROME)
|
||||
# driver.implicitly_wait(10)
|
||||
driver = webdriver.Chrome("C:\\Users\\12993\AppData\Local\Programs\Python\Python38\\chromedriver.exe")
|
||||
|
||||
|
||||
def test_next_article():
|
||||
try:
|
||||
driver.get("http://118.25.96.118:90")
|
||||
assert 'English Pal -' in driver.page_source
|
||||
# login
|
||||
elem = driver.find_element_by_link_text('登录')
|
||||
elem.click()
|
||||
|
||||
uname = 'abcdefg'
|
||||
password = 'abcdefg'
|
||||
elem = driver.find_element_by_id('username')
|
||||
elem.send_keys(uname)
|
||||
|
||||
elem = driver.find_element_by_id('password')
|
||||
elem.send_keys(password)
|
||||
elem = driver.find_element_by_xpath('/html/body/div/button') # 找到登录按钮
|
||||
elem.click()
|
||||
|
||||
time.sleep(0.5)
|
||||
assert 'EnglishPal Study Room for ' + uname in driver.title
|
||||
for i in range(50):
|
||||
time.sleep(0.1)
|
||||
# 找到固定按钮
|
||||
elem = driver.find_element_by_xpath('//*[@id="load_next_article"]')
|
||||
elem.click()
|
||||
except Exception as e:
|
||||
print(e)
|
||||
|
||||
|
||||
def test_local_next_article():
|
||||
try:
|
||||
driver.get("http://127.0.0.1:5000")
|
||||
assert 'English Pal -' in driver.page_source
|
||||
# login
|
||||
elem = driver.find_element_by_link_text('注册')
|
||||
elem.click()
|
||||
|
||||
uname = 'abcdefg'
|
||||
password = 'abcdefg'
|
||||
elem = driver.find_element_by_id('username')
|
||||
elem.send_keys(uname)
|
||||
|
||||
elem = driver.find_element_by_id('password')
|
||||
elem.send_keys(password)
|
||||
|
||||
elem = driver.find_element_by_id('password2')
|
||||
elem.send_keys(password)
|
||||
|
||||
time.sleep(0.5)
|
||||
|
||||
elem = driver.find_element_by_class_name('btn') # 找到提交按钮
|
||||
elem.click()
|
||||
time.sleep(0.5)
|
||||
try:
|
||||
WebDriverWait(driver, 1).until(EC.alert_is_present())
|
||||
driver.switch_to.alert.accept()
|
||||
except (UnexpectedAlertPresentException, NoAlertPresentException):
|
||||
pass
|
||||
|
||||
time.sleep(0.5)
|
||||
assert 'EnglishPal Study Room for ' + uname in driver.title
|
||||
for i in range(50):
|
||||
time.sleep(0.1)
|
||||
# 找到固定按钮
|
||||
elem = driver.find_element_by_xpath('//*[@id="load_next_article"]')
|
||||
elem.click()
|
||||
except Exception as e:
|
||||
print(e)
|
||||
Loading…
Reference in New Issue